React — широко используемая библиотека для пользовательского интерфейса. И если ты хочешь писать качественный и код с помощью React, то стоит изучить шаблоны проектирования.⠀
Шаблоны эффективно решают многие проблемы разработки ПО, с которыми часто сталкиваются разработчики 👇
✔ повторное использование сложной логики между несколькими компонентами;
✔ создание компонентов для повторного использования;
✔ контролируемые и неконтролируемые компоненты в обработке форм.⠀
Качественно организовать создание объекта – основное направление React и шаблоны проектирования как раз помогут коду классно работать. Поэтому лови полезный список, сохраняй, пользуйся и делись с друзьями 👇
⏩ Условный рендеринг.
Помогает отображать разные компоненты в зависимости от условий при разработке программного обеспечения.⠀
⏩ Компоненты макета.
Отвечает за размещение других компонентов на странице и определяет как они должны выглядеть. Обычно компоненты имеют общее состояние и работают вместе для достижения одной цели.⠀
⏩ Контейнерные и презентационные компоненты.
Отвечают за то, как компонент будет выглядеть на странице и обрабатывать данные, которые будут отображаться.⠀
⏩ Компоненты высокого порядка (НОС)
Принимают компонент и возвращают новый компонент.
Повторно используют сложную логику кода в приложении и создают два отдельных компонента, содержащих похожую логику.⠀
⏩ Шаблон поставщика.
Обеспечивает глобальный обмен данными в приложении между различными компонентами.⠀
⏩ Составной шаблон.
Это несколько компонентов, объединённые вместе для общей функции.⠀
Выбор шаблона должен соответствовать конкретным требованиям заказчика и в большинстве случаев зависит от контекста. А если комбинировать шаблоны, то твой код будет чистый и более эффективный.
#methed_про_ит