React — это основанный на компонентах, декларативный, более быстрый способ написания веб-приложений с использованием javascript. В отличие от Angular, который похож на технологии Microsoft, которые требуют постоянных обновлений каждые 6 месяцев, здесь меньше наворотов. Кто хочет автомобиль, который нуждается в обновлениях каждые 6 месяцев. React исключительно хорошо реализует пользовательский интерфейс с помощью декларативных компонуемых компонентов. React — это библиотека Javascript для создания пользовательского интерфейса.
React управляет состоянием в одностороннем потоке данных, который менее сложен и прост в обслуживании потока данных. Компоненты React можно использовать повторно, они определяются только один раз и могут использоваться повторно, например, если кнопка HOME может использоваться во всем приложении с использованием одного определения. Определить один раз и использовать везде — это девиз Reactjs.
Компонент React может быть реализован как
Компонент класса против функционального компонента.
Функциональный компонент выигрывает из-за более простого способа определения компонента без многих не столь необходимых методов жизненного цикла. Определение функционального компонента с использованием функции стрелки
const SimplyFly=()=›‹div›Я хочу летать без крыльев!!‹/div›
победитель среди способов написания функциональных компонентов
Виртуальный DOM
Виртуальный DOM — это виртуальная ментальная модель, представляющая реальный DOM, а модификация и игра с DOM — это сложно, сложно, требует больших ресурсов ЦП и, следовательно, работать с виртуальным или зеркальным отображением DOM проще, и React обновляет DOM с дельта-изменениями, которые потребляют меньше ресурсов ЦП, чем целое. сумма ДОМ
Реквизиты и состояние
Реквизиты — это свойства или входные параметры компонента для рендеринга/отображения в пользовательском интерфейсе. реквизиты также могут быть обработчиками обратного вызова.
Компоненты React могут иметь состояние для хранения данных внутри компонента, а область действия — это компонент. useState() — функциональный хук компонента для хранения состояния компонента.
JSX
JSX похож на XML-способ определения того, что отображать в пользовательском интерфейсе, который анализируется и понимается компилятором React и выполняет свою работу.
Обработчики
Компоненты React являются декларативными и обрабатывают все пользовательские события, используя синтетические события, поскольку JSX не являются фактическими элементами HTML.
Крючки
Хуки — это функции, предоставляемые React для реализации всех методов жизненного цикла компонентов класса в функциональных компонентах, таких как побочные эффекты, управление состоянием.
Правила хуков
должен вызываться в начале функционального компонента. на самом деле, это странное правило.
useState — хранить переменные в состоянии со способами обновления
useEffect — для вызова вызовов API, реализации побочных эффектов и т. д.
useContext, useReducer, useCallback, useMemo, useRef