ЧТО ТАКОЕ REACT?
React — это библиотека JavaScript. Он был создан Джорданом Уоке. Он инженер-программист в Facebook. В основном реакция широко используется для создания интерактивного и быстрого пользовательского интерфейса. В соответствии с шаблоном MVC (Model-View-Controller), в котором React имеет дело с V (View). Это хорошо, когда мы хотим менять данные в режиме реального времени. Он полностью работает с компонентами, потому что каждый компонент имеет свою собственную функциональность, которая сообщает реакции, что мы хотим визуализировать. Он используется для создания SPA (Single-Page-Application). React маленький, но более мощный.
СПА VS МПА
SPA означает одностраничное приложение. Иногда называется одностраничным приложением. Он работает на одной веб-странице с динамическими действиями без обновления страницы, но в MPA (многостраничном приложении) пользователь переходит с одной страницы на другую, и для отображения всей страницы требуется больше времени. MPA обычно представляет собой крупный бизнес со множеством услуг/продуктов. MPA более оптимизирован для SEO, потому что они содержат больше страниц и ежедневно обновляют контент, в то время как SPA не оптимизирован для SEO, потому что не содержит большого контента. Пример SPA: gmail, Facebook, Twitter, Github и т. д.
Библиотека VS Framework
Библиотека выполняет определенные, четко определенные операции.
Фреймворк – это скелет, в котором приложение определяет "основу" операции, заполняя скелет. В скелете по-прежнему есть код для соединения частей, но самую важную работу выполняет приложение.
Примеры библиотек: сетевые протоколы, сжатие, обработка изображений, строковые утилиты, вычисление регулярных выражений, математика. Операции автономны.
Примеры фреймворков: система веб-приложений, диспетчер подключаемых модулей, система с графическим интерфейсом. Платформа определяет концепцию, но приложение определяет основные функции, которые важны для конечных пользователей.
React и Angular
React — это библиотека Javascript, а Angular — полноценная среда Javascript. React впервые представлен Facebook, а Angular — Google. Angular — это фреймворк MVC, созданный Google, а React — Facebook. Angular напрямую обновляет Real DOM. Он имеет двустороннюю привязку данных, которая обновляет MVC. React не обновляет реальный DOM напрямую, но обновляет виртуальный DOM. Он выполняет односторонние данные, которые обновляют представление. React — это все о компонентах. Angular по своей природе является JS-фреймворком, но создан для использования TypeScript. React, с другой стороны, также является библиотекой JavaScript, но рекомендует использовать JSX. TypeScript — это надмножество JavaScript, а JSX — это Javascript, но с расширенным синтаксисом XML.
Виртуальный DOM против DOM
DOM означает объектную модель документа и представляет собой абстракцию структурированного текста. Для веб-разработчиков этот текст представляет собой HTML-код, а DOM просто называется HTML DOM. Элементы HTML становятся узлами модели DOM.
Виртуальный DOM — это абстракция HTML DOM. Он легкий и не связан с деталями реализации, специфичными для браузера. Поскольку сам DOM уже был абстракцией.
Прекрасным примером использования виртуальной модели DOM для создания нативных приложений является платформа Facebook React Native.
