React — это внешняя библиотека javascript, которая используется для создания пользовательских интерфейсов. React — это библиотека, а не фреймворк. Он легкий и простой в использовании. Он создан Facebook и также управляется Facebook. Это самая популярная библиотека из-за ее декларативного поведения и создания spa (одностраничных приложений).
В этой статье я опишу некоторые особенности поведения реакции и его рабочий процесс.
1. Фреймворк против библиотеки
Чтобы углубиться в это обсуждение, мы должны понять, что такое фреймворк и библиотека.
Framework — это богатая экосистема, в которой доступны все варианты для выполнения конкретной задачи. Если вы хотите выполнять определенную работу, вы должны следовать правилам фреймворка, если вы работаете в экосистеме фреймворка. Свобода иногда несколько нарушается. В то время как библиотека позволяет вам использовать сторонние библиотеки и инструменты. Пользователь сам решает, что и когда использовать.
Angular — это современный фреймворк, а React — это библиотека.
2. Виртуальный DOM (объектная модель документа)
Виртуальный DOM — это одна из основных концепций работы React. Чтобы понять рабочий процесс React, вы должны знать, как работает dom в React.
Когда что-то меняется в коде, javascript рендерит все элементы и из-за рендеринга браузеру приходится снова и снова перекрашивать дом. Процесс покраски несколько становится очень трудоемким в зависимости от применения. Проблема решается в React разными подходами. Когда dom рендерится, React создает виртуальный DOM, и когда мы изменяем определенную часть кода, React проверяет, где произошло изменение. Он сравнивает его с помощью эффективного алгоритма сравнения. Затем он обновляется до домена браузера.
3. Преимущества виртуального DOM
Есть несколько преимуществ работы с виртуальным DOM. Работать с dom сложнее и становится еще сложнее, когда приложение становится больше. Вот где React дает свободу разработчику, создающему виртуальный DOM. Это дает вам ощущение реального браузера в виртуальном браузере. У React очень маленький API для изучения, а эффективность разработки измеряется базовыми знаниями javascript. Это дает вам ощущение написания HTML, но в JSX.
4. JSX
JSX означает JavaScript XML. По сути, JSX — это синтаксический сахар React.createElement. Он позволяет писать HTML-код внутри javascript. Это не язык шаблонов, это расширение javascript.
5.Вавилон
Babel — это современный транскомпилятор javascript, который помогает запускать коды es6 в браузере. Многие браузеры не поддерживают новейшие функции es6, вот тут и приходит Babel, чтобы помочь браузеру понять es6. Он переводит коды es-6 в es-5.
6. Компоненты
Если вы хотите работать с React, вы должны понимать концепцию компонентов. React в основном работает небольшим подразделением. Компонентный рабочий процесс поддерживается в React. Мы определяем компоненты на основе некоторых принципов. Похожие по внешнему виду, но разные данные, похожие по внешнему виду и данные, и если в данных и внешнем виде нет репутации, но это также может быть компонентом
7. крючки
Хук — это то, что может помочь изменить состояние без использования класса. Класс сложный и сложный в управлении. Но крючок позволяет вам воспользоваться всеми преимуществами без использования класса. Функции React hook можно использовать только в функциональных компонентах. Вы не можете использовать их в компонентах класса.
8. API профилировщика
API-интерфейс профилировщика используется для определения момента рендеринга компонента. Он может измерять стоимость рендеринга и использоваться для оптимизации производительности. Это также показывает, где производительность падает, и мы можем улучшить производительность приложения реакции.
9. Декларативное поведение React
React является декларативным, и сообществу нравится такое поведение реакции. React прост и легок в освоении. Это одна из реакций, когда говорят, что реакция является декларативной. Вы просто думаете о данных, реакция будет обрабатывать дом
