React JS — важные моменты разработки

React JS — важные моменты разработки

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

Состояние — Следуем максимально избегать создания новых состояний. Рекомендуется централизовать состояние и передать его по дереву компонентов в качестве свойства. Каждый раз, когда у нас есть группа компонентов, которым нужны одни и те же данные, вам стоит обернуть их в элемент контейнера, который будет содержать состояние. Шаблон Flux — отличный способ обработки состояния в приложениях React.

PropTypes — PropTypes всегда должны быть определены. Это поможет отслеживать все свойства в приложении, это также будет полезно для любого другого разработчика, работающего над тем же проектом.

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

Составление — команда React предлагает использовать принцип единичной ответственности. Это означает, что один компонент должен отвечать только за одну функцию. Если некоторые компоненты имеют несколько функций, мы должны реорганизовать код и создать новый компонент для каждой функции.

React JS. Основы

Изучите основы ReactJS на практическом примере по созданию учебного веб-приложения

Получить курс сейчас!

Компоненты более высокого порядка (HOC) — старые версии React предоставляли для обработки повторно используемого функционала миксины. Поскольку миксины на данный момент устарели, одним из решений является использование HOC.

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

ReactJS: основы

Изучите основы ReactJS и создайте ваше первое приложение на ReactJS с полного нуля

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree