В этой главе мы перечислим лучшие практики, методы и методы React, которые помогут нам оставаться последовательными при разработке приложений.
Государство — Государство следует избегать в максимально возможной степени. Хорошей практикой является централизация состояния и передача его по дереву компонентов в качестве реквизита. Всякий раз, когда у нас есть группа компонентов, которым нужны одни и те же данные, мы должны установить вокруг них элемент контейнера, который будет содержать состояние. Шаблон Flux — хороший способ обработки состояния в приложениях React.
PropTypes — PropTypes всегда должен быть определен. Это поможет отслеживать все реквизиты в приложении, а также будет полезно для любого разработчика, работающего над тем же проектом.
Render — большая часть логики приложения должна быть перемещена внутри метода render. Мы должны попытаться минимизировать логику в методах жизненного цикла компонентов и переместить эту логику в метод рендеринга. Чем меньше состояния и реквизита мы используем, тем чище будет код. Мы всегда должны сделать государство максимально простым. Если нам нужно вычислить что-то из состояния или реквизита, мы можем сделать это внутри метода рендеринга.
Состав — команда React предлагает использовать принцип единой ответственности. Это означает, что один компонент должен отвечать только за одну функциональность. Если некоторые компоненты имеют более одной функциональности, мы должны провести рефакторинг и создать новый компонент для каждой функциональности.
Компоненты высшего порядка (HOC) — в предыдущих версиях React предлагались миксины для работы с функциями многократного использования. Поскольку в настоящее время миксины устарели, одним из решений является использование HOC.