Друзья, всем привет! В данной статье расскажу про ключевые моменты библиотеки ReactJS и почему она так хорошо справляется со своей задачей в построении полноценных SPA. Выделю 4 преимущества, благодаря которым React выигрывает Angular и Vue
Введение
Материал будет полезен как опытным разработчикам, так и новичкам. Вы новичок? Не переживайте, все буду объяснять просто и понятно. Для понимания, необходимы самые базовые знания JavaScript =) Поехали!
1. Модульная структура
Библиотека React использует модульную структуру - компонентный подход. Если мы посмотрим на какой - либо сайт или веб-приложение, мы увидим блоки из которых они состоят: меню, карточки товаров, кнопка поиска, корзина, форма авторизации, футер, слайдер и т д.
Благодаря компонентному подходу React, мы можем заново использовать созданные ранее UI элементы, там, где они повторяются. Это удобно, и хорошая практика в оптимизации нашего кода. Мы избегаем повторение похожих элементов и придерживаемся принципа DRY - не повторяйся =)
2. Синтаксис JSX
Позволяет создавать HTML разметку прямо внутри JavaScript. Это очень хорошо влияет на оптимизацию веб-приложения, ведь работа с DOM всегда является самой сложной для JS.
По сути, это функция, которая возвращает HTML код.
3. Алгоритм реконселяции
Эта функция в ReactJS позволяет обновить только тот элемент, в котором произошли изменения, а не проходится по каждому элементу компонента и по отдельность проверять где произошло изменение, а где нет. Это сильно повышает производительность и скорость работы веб-приложения или сайта.
4. Virtual DOM
DOM это html разметка, каркас страницы сайта или веб-приложения. Бывает очень объемной структуры и оказывает высокую нагрузку на нативный JavaScript при работе с ним.
Virtual DOM - это удобное решение react, для того чтобы создать нужную разметку и только потом добавить ее в наш основной файл html. Благодаря этому, react работает очень быстро.
Заключение
В этой статье мы рассмотрели все основные фичи библиотеки ReactJS, за которые ее так любят разработчики. Пользуйтесь и вы этой библиотекой для разработки веб-приложений и сложных сайтов.
ReactJS постоянно развивается, появляются новые возможности и библиотеки на его основе - привет React Native. А также React 360, благодаря которому, можно создавать виртуальную реальность, круто, да?))
На этом у меня все, обязательно оставляй комментарии, подписывайся на канал, ставь лайк, а также задавай свои вопросы. IT - это жизнь =)