Лучшая практика ReactJS

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

• Состояние−Следует как можно меньше использовать этот тип состояния. Концентрация состояния и передача его в компонентную структуру в качестве支柱 — это хорошая практика. Каждый раз, когда у нас есть группа компонентов, которые требуют одного и того же данных, мы должны Surrounding их контейнерным элементом для сохранения состояния. Модель потоков — это guter способ обработки состояния в приложении React.

• PropTypes−Нужно всегда определять PropTypes. Это поможет отслеживать все props в приложении и будет полезно любому разработчику, работающему над проектом.

• Render−Большинство логики приложения должно быть перемещено в метод render. Мы должны минимизировать логику в методах жизненного цикла компонента и перемещать эту логику в метод render. Чем меньше мы используем состояния и props, тем чище будет код. Мы всегда должны поддерживать состояние как можно более простым. Если нужно вычислить что-то из состояния или props, это можно сделать в методе render.

• Композиция−Команда React рекомендует использовать принцип единой ответственности. Это означает, что компонент должен отвечать только за одну функцию. Если某些 компоненты имеют несколько функций, то их следует рефакторизировать и создать новый компонент для каждой функции.

• Высокоранговые компоненты (HOC)−Ранние версии React предоставляли mixins для обработки reusable функций. Из-за того, что mixins больше не рекомендуется использовать, одним из решений является использование HOC.