This media is not supported in your browser
VIEW IN TELEGRAM
Old but gold: Визуальное руководство по рендерингу React
Хотите понять как работает рендеринг в React и своими глазами увидеть процесс? Что ж, эта статья для вас.
Здесь вы узнаете, как работает повторный рендеринг и как его избежать: https://alexsidorenko.com/blog/react-render-always-rerenders/
#react
Хотите понять как работает рендеринг в React и своими глазами увидеть процесс? Что ж, эта статья для вас.
Здесь вы узнаете, как работает повторный рендеринг и как его избежать: https://alexsidorenko.com/blog/react-render-always-rerenders/
#react
👍6
Headless Component: паттерн для создания пользовательских интерфейсов React
По мере усложнения UI-элементов React сложная логика может переплетаться с визуальным представлением. Из-за этого становится сложнее понять поведение компонента, тестировать его, а также создавать аналогичные компоненты, которым нужен другой внешний вид. Headless компонент извлекает всю невизуальную логику и управление состоянием, отделяя «мозг» компонента от его внешнего вида.
Подробнее об этом подходе в статье: https://martinfowler.com/articles/headless-component.html
#react
По мере усложнения UI-элементов React сложная логика может переплетаться с визуальным представлением. Из-за этого становится сложнее понять поведение компонента, тестировать его, а также создавать аналогичные компоненты, которым нужен другой внешний вид. Headless компонент извлекает всю невизуальную логику и управление состоянием, отделяя «мозг» компонента от его внешнего вида.
Подробнее об этом подходе в статье: https://martinfowler.com/articles/headless-component.html
#react
👍6