Давайте углубимся в мир чистого React-кода со сложными компонентами. После реализации своего первого сложного компонента в React я стал буквально зависим от этого шаблона. Как провозглашённый эксперт по этому вопросу (на самом деле я учился благодаря Райану Флоренсу и его речи о сложных компонентах) я собираюсь в пару шагов научить вас одному из самых продвинутых шаблонов в React. Почему? Потому что вы заслуживаете лучший код! Возможно, на этой строчке вы уже думаете, а кто этот парень? Это же не Кент Доддс, который написал курс по сложным компонентам...

Источник: Nuances of Programming Для чего нужны эти паттерны? React предлагает Компоненты, представляющие собой простой способ повторного использования кода. Компонент инкапсулирует множество вещей от контента, стилей и до бизнес-логики. Поэтому в идеале компонент может содержать комбинацию из html, css и js, каждый из которых имеет одну цель — единственную ответственность. Совет: при помощи Bit (GitHub) вы можете организовать коллекцию переиспользуемых компонентов и применять их совместно с другими разработчиками...