Интерфейсная библиотека Javascript с открытым исходным кодом

React — это бесплатная внешняя библиотека JavaScript с открытым исходным кодом для создания пользовательских интерфейсов на основе компонентов пользовательского интерфейса. Он поддерживается Meta и сообществом отдельных разработчиков и компаний и используется Instagram и Facebook.

Зачем использовать React JS?

Основной целью React JS является пользовательский интерфейс (пользовательский интерфейс), который увеличивает скорость работы приложений. React JS использует объект виртуальный DOM (Javascript), который повышает производительность приложений. Виртуальный DOM работает быстрее, чем обычный DOM. Приложения React обычно требуют использования дополнительных библиотек для маршрутизации, а также определенных клиентских функций.

Рабочий процесс приложения React

Элементы React: Javascript-представление HTML DOM. React предоставляет API, React.createElement для создания элемента.

JSX: расширение для разработки пользовательского интерфейса. JSX основан на XML, который представляет собой расширяемый язык, поддерживающий синтаксис HTML с небольшими изменениями. JSX можно скомпилировать в React Elements и использовать для создания пользовательского интерфейса.

Компонент React: строительный блок приложения React. Компонент React в основном представляет собой класс JavaScript (расширяет класс React.component) или чистую функцию JavaScript.

  1. Откройте командную строку и перейдите в папку проекта.

cd Рабочий стол/проект React

2. Затем создайте папку static_site и измените каталог на вновь созданную папку.

mkdir static_site

cd static_site

3. создайте файл Index.html и напишите простое приложение React.

‹!DOCTYPE html›

‹html язык="ru"›

‹title›моя реакция‹/title›

‹сценарий›‹/сценарий›

‹идентификатор div="root"›‹/div›

‹/html›

Архитектура приложения React

  • Приложение React начинается с одного корневого компонента.
  • Корневой компонент создается с использованием одного или нескольких компонентов.
  • Каждый компонент может быть вложен в другой компонент на любом уровне.

  • Композиция — одна из основных концепций библиотеки React. Таким образом, каждый компонент создается путем составления более мелких компонентов вместо наследования одного компонента от другого компонента.
  • Большинство компонентов являются компонентами пользовательского интерфейса.
  • Приложение React может включать сторонний компонент для определенных целей, таких как маршрутизация, анимация, управление состоянием и т. д.

Преимущества использования ReactJS

  1. Дружественность к SEO: React.js способен обеспечить, чтобы рендеринг выполнялся намного быстрее, чем в других фреймворках, гарантируя, что он работает с молниеносной скоростью, тем самым сокращая время загрузки.
  2. Декларативный: ReactJS допускает значительные изменения данных, что приводит к автоматическому изменению выбранных частей пользовательского интерфейса. Благодаря этой прогрессивной функциональности вам не нужно выполнять никаких дополнительных функций для обновления пользовательского интерфейса.
  3. Компоненты многократного использования: ReactJS допускает значительные изменения данных, что приводит к автоматическому изменению выбранных частей пользовательских интерфейсов. Благодаря этой прогрессивной функциональности вам не нужно выполнять дополнительные функции для обновления пользовательского интерфейса.

Ресурсы для изучения React…

Новичкам следует изучить JAVASCRIPT, а затем погрузиться в ReactJS…

  1. Изучите React бесплатно (Scrimba)
  2. Полное руководство по Modern React (Net Ninja)
  3. Руководство для начинающих по React (egghead.io)
  4. Epic React (Кент С. Доддс)
  5. React — полное руководство (Academind)

Для таких блогов .. Следите за Techno Freak ..