react-composable-components

Patterns for authoring React components that are small, focused, and highly composable.

Large components that manage too much state and render multiple distinct UI areas suffer from poor readability, reusability, and render performance.

Avoid: Massive monolithic components that accept dozens of props (hasHeader, showFooter). Prefer: Breaking UI down into atomic, composable pieces (Compound Components) that transparently pass HTML attributes and merge utility classes for easy customization.

Напишите и выполните рефакторинг компонентов React, чтобы они были небольшими, составными и настраиваемыми, хорошо выполняющими одну задачу. Улучшите производительность рендеринга, удобство обслуживания и возможность повторного использования за счет использования составных компонентов, распространения свойств и слияния служебных классов. Применяйте эти шаблоны при разработке новых компонентов или разборке больших монолитных компонентов. Источник: jonmumm/skills.