Old but gold: Визуальное руководство по рендерингу React

Хотите понять как работает рендеринг в React и своими глазами увидеть процесс? Что ж, эта статья для вас.

Здесь вы узнаете, как работает повторный рендеринг и как его избежать: https://alexsidorenko.com/blog/react-render-always-rerenders/

#react

Headless Component: паттерн для создания пользовательских интерфейсов React

По мере усложнения UI-элементов React сложная логика может переплетаться с визуальным представлением. Из-за этого становится сложнее понять поведение компонента, тестировать его, а также создавать аналогичные компоненты, которым нужен другой внешний вид. Headless компонент извлекает всю невизуальную логику и управление состоянием, отделяя «мозг» компонента от его внешнего вида.

Подробнее об этом подходе в статье: https://martinfowler.com/articles/headless-component.html

#react

​Как использовать React в приложениях Angular

Нет, цель не в создании монстра Франкенштейна, который будет представлять из себя куски различных фреймворков. Но это может быть действительно кстати, если вам нужно быстро добавить компонент, которого нет в вашем фреймворке, но есть в экосистеме React. Или если необходимо интегрировать сервисы, которые работают на React.

О том, как это сделать:

https://nuancesprog.ru/p/16840/

#react #angular