В настоящее время ReactJS быстро набирает популярность среди веб-разработчиков как лучшая среда JavaScript. Он играет важную роль во внешней экосистеме. Важными особенностями ReactJS являются следующие.

  • JSX
  • Компоненты
  • Односторонняя привязка данных
  • Виртуальный DOM
  • Простота
  • Производительность

  1. JSX (расширение синтаксиса JavaScript): JSX — это комбинация HTML и JavaScript. Вы можете вставлять объекты JavaScript внутрь элементов HTML. Браузеры не поддерживают JSX, поэтому компилятор Babel транскомпилирует код в код JavaScript. JSX делает код простым и понятным. Это легко узнать, если вы знаете HTML и JavaScript.
const name="AmishaShah";
const ele = <h1>Welcome to {name}</h1>;

2. Компоненты:React.jsделит веб-страницу на несколько компонентов, поскольку она основана на компонентах. Каждый компонент является частью дизайн пользовательского интерфейса, который имеет свою собственную логику и дизайн, как показано на изображении ниже. Таким образом, логика компонента, написанная на JavaScript, делает его простым и работающим быстрееи может быть многоразовый.

3. Односторонняя привязка данных:односторонняя привязка данных, само название говорит о том, что это однонаправленный поток. Данные в реакции передаются только в одно направление, т. е. данные передаются сверху вниз, т. е. от родительских компонентов к дочерним. Свойства (реквизиты) в дочернем компоненте не могут возвращать данные его родительскому компоненту, но могут иметь связь с родительскими компонентами для изменения состояний в соответствии с предоставленными входными данными. Это рабочий процесс односторонней привязки данных. Это делает все модульным и быстрым.

Как показано на диаграмме выше, данные могут передаваться только сверху вниз.

4. Виртуальная модель DOM:DOM означает объектная модель документа. Это самая важная часть сети, поскольку она делится на модули и выполняет код. Обычно JavaScript Frameworks сразу обновляет весь DOM, что замедляет работу веб-приложения. Но реакция использует виртуальный DOM, который является точной копией реального DOM. Всякий раз, когда в веб-приложении происходит модификация, сначала обновляется весь виртуальный DOM и находит разницу между реальным DOM и виртуальным DOM. Как только он находит разницу, DOM обновляет только ту часть, которая недавно изменилась, и все остается по-прежнему.

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

5. Простота:React.js — это компонентный код, который позволяет повторно использовать код и React.js использует JSX, который представляет собой комбинацию HTML и JavaScript. Это делает код простым для понимания и отладки, а также требует меньше кода.

6. Производительность. Как мы обсуждали ранее, React использует виртуальный DOM и обновляет только измененные части. Таким образом, это заставляет DOM работать быстрее. DOM выполняется в памяти, поэтому мы можем создавать отдельные компоненты, что ускоряет работу DOM.

если вам нравятся мои работы, то не забудьте подписаться на за мной и хлопнуть в ладоши моим статьям.

Спасибо за внимание, увидимся на следующем!

Нажмите здесь, чтобы прочитать некоторые из моих предыдущих статей.