Автор оригинала: FreeCodeCamp Community Member.
Если вы новичок в Rect.js, вы должны задаться вопросом, почему он так популярен, и почему вы должны использовать его в ваших приложениях. Если это так, то вы находитесь в нужном месте.
Давайте обсудим то, что делает React.js настолько велики, и почему вы должны использовать его в ваших проектах.
- Краткая история React.js
- Почему вы должны использовать реагирование?
- Реагировать гибкость
- Реакция имеет большой опыт разработчика
- React имеет поддержку/ресурсы Facebook
- React также имеет более широкую поддержку сообщества
- Реагировать имеет отличную производительность
- React легко проверить
Краткая история React.js
Facebook создал React.js в 2011 году для их собственного использования. Как вы знаете, Facebook является одним из самых больших веб-сайтов социальных сетей в мире сегодня.
В 2012 году Instagram также начал использовать его, что является дочерней компанией Facebook.
В 2013 году Facebook сделал Rect.js открытый. Первоначально сообщество разработчика отклонило его, потому что он использовал Markup и JavaScript в одном файле. Но, как и больше людей, экспериментированных с ним, они начали обнимать компонент-ориентированный подход для разделения проблем.
В 2014 году многие крупные компании начали использовать React.js в их производственных условиях.
В 2015 году Facebook открыта с открытым видом Реагировать родной слишком. Это библиотека, которая позволяет нам создавать собственные мобильные приложения в Android и iOS, используя rest.js.
В 2016 году с версией 15 rance.js начал использовать семантическую версию. Это также помогло передавать сообществу разработчика, который реагирует более стабильным.
Сегодня React.js используется многими Фортуна 500 Компании. Facebook имеет полный рабочий день сотрудников по развитию реагирования. Они регулярно выпускают исправления ошибок, улучшения, сообщения блога и документацию.
Почему вы должны использовать реагирование?
Вам должно быть интересно, почему вы должны использовать Review.js. Ведь, как Использование JavaScript В последние годы увеличились, у нас теперь есть несколько вариантов, доступных на рынке, как Угловой и Vue.js Отказ Итак, почему реагировать?
Давайте исследуем шесть ключевых причин для использования rest.js.
Реагировать гибкость
Реагировать удивительно гибко. После этого вы узнаете, вы можете использовать его на огромном разнообразии платформ для создания качественных пользовательских интерфейсов. React – это библиотека, а не рамка. Его библиотечный подход позволил реагировать на развитие в такой замечательный инструмент.
Реагирование было создано одним фокусом: для создания компонентов для веб-приложений. Компонент React может быть что угодно в вашем веб-приложении, например, кнопка, текст, этикетка или сетка.
Но по мере роста популярности реагирования, его экосистема также выращила, чтобы покрыть различные случаи использования.
Вы можете генерировать статический сайт с реагированием, используя инструменты, такие как GATSBY Отказ Вы можете использовать React Reaction, чтобы построить мобильные приложения. Вы даже можете создать настольные приложения, используя инструмент, похожий на Электрон , который может работать на Mac и Windows с технологией raction.js.
Реагирование также поддерживает рендеринг серверов его компонентов с использованием таких инструментов Next.js Отказ Вы также можете использовать Reav.js для создания веб-сайта виртуальной реальности и 360 опыта с использованием React Vr.
Вы можете использовать реагирование в существующие приложения тоже. Реагистрация была разработана, сохраняя это в виду. Вы можете изменить небольшую часть существующего приложения, используя React, и если это изменение работает, вы можете начать преобразовывать все ваше приложение в rect.js. Facebook использовал тот же подход.
Реакция имеет большой опыт разработчика
Ваша команда влюбится в реагирование, когда они начинают кодировать в нем. Быстрое развитие и API React Mell API создает фантастический опыт разработчика.
API React очень прост для изучения. У него очень мало концепций, чтобы учиться. Вот небольшой пример реагирования компонента:
Вам просто нужно импортировать библиотеку RACT. Сообщение это компонент, который принимает реквизит (вход) и возвращает JSX.
JSX – это специальный синтаксис, который выглядит как HTML, который преобразует вызовы API Rection и, наконец, отображают HTML.
Традиционные рамки, такие как угловые и Vue, включают HTML. Они используют JavaScript внутри HTML. Они создали HTML-атрибуты, которые дают ему дополнительные возможности.
Основная проблема с таким подходом состоит в том, что вы должны изучать эти новые атрибуты HTML или всегда продолжать смотреть на официальную документацию.
Вот пример циркуляции в угловых. Посмотри на * NGFOR атрибут:
И вот пример цикла в Vue.js. Посмотри на V-для атрибут:
Реагирование использует противоположный подход. Он использует HTML (JSX) внутри JavaScript. Мне нравится этот подход, потому что здесь вы можете иметь дело с чистым JavaScript и HTML.
Вот пример петли в React.js
Актуальный компонент Номерлист Используется чистый код JavaScript (функция карты). Кроме того, вы можете увидеть, что JSX – это простой известный HTML-тег без необычных атрибутов. Функция Render просто рендит компонент NUMBLELIST в корневом элементе в файле HTML.
Что еще вам нужно в качестве разработчика, если у вас есть платформа, где вы можете иметь дело с чистым JavaScript и HTML и все еще построить интерактивный пользовательский интерфейс?
Примечание: Когда я говорю «чистый JavaScript», который не означает, что вы будете использовать Vanilla JavaScript в реакции. React – это библиотека JavaScript, и она имеет свой слой поверх JavaScript. Но, как я уже сказал, API Rect API очень маленький и простой, чтобы учиться. Угловая и VUE заставляет их правила на вас. Реагировать более концептуален. Он показывает, как вы можете улучшить использование ванильного JavaScript в реактивный путь.
React.js также дает нам пакет create-race-app, который позволяет вам начать развитие мгновенно.
React имеет поддержку/ресурсы Facebook
Реагирование сильно используется в приложении Facebook, веб-сайт и в Instagram. Вот почему Facebook глубоко привержен к этому. Они используют более 50 к компонентами реагирования в их производственную среду. Лучшие четыре участника реагирования на GitHub являются штатными сотрудниками Facebook.
Кроме того, команда RACT поддерживает Блог что последовательно дает вам детали для каждого выпуска.
Из-за глубокой приверженности Facebook для реагирования в производство, при совершении преодоления происходит в реакции, Facebook последовательно предоставляет Кодемод Это автоматизирует изменение.
CodeMod – это инструмент командной строки, который автоматизирует изменения в вашу кодовую базу. Когда вступает в реакцию новая спецификация, CodeMod автоматически заменяет старые компоненты с более новой спецификацией.
React имеет более широкую поддержку сообщества, тоже
С 2015 года популярность реагирования неуклонно растет. Это имеет массивное активное сообщество и его Github Repository имеет более 164 тысяч звезд. Это одна из 5 лучших репозиториев на Github.
Рейкт Пакет NPM Имеет миллионы еженедельных загрузок.
Более 9К компании сообщили о StackShare что они используют реагирование. Вы даже можете увидеть компании Fortune 500.
Reactiflux это сообщество, специально сделанное для разработчиков реагирования. Более 110 тысяч членов сообщества участвуют в помощи решить и делиться проблемами, связанными с реагированием.
Одним из самых популярных сайтов среди разработчиков программного обеспечения является Stackoverflow Отказ Вы можете видеть, что более 250 тысяч вопросов задаются вопросы реагирования и связанными библиотеками.
В некоторых случаях вам даже не нужно создавать свои компоненты. Есть много бесплатных и зрелых компонентных библиотек, уже доступных онлайн.
Вот некоторые примеры:
- Microsoft создала Беглый ui Библиотека компонентов, которая дает вам возможность разработать ваши UI (напоминает Офис ).
- Материал-ui Предложения React Components, которые реализуют руководящие принципы материала Google.
- React-bootstrap Содержит комментарии реагирования, которые облегчают работу с Bootstrap.
- Кроме того, проверьте Потрясающие компоненты реагирования Список Github, чтобы найти больше компонентов реагирования.
Существуют также зрелые связанные проекты/библиотеки, которые вы можете использовать с реагированием.
- Если вы хотите маршрутизацию, то перейдите на React Router Отказ Если вы хотите управлять более сложной системой данных, то используйте Redux и MobX Отказ
- Для автоматизированного тестирования используйте Jest , который также из Facebook.
- Для спокойных вызовов API используйте Graphql Отказ
- Для рендеринга боковых серверов реагирования компонентов с узлом, используйте Express.js Отказ
Все эти библиотеки и инструменты важны, потому что если вы хотите построить что-то в реакции, вы найдете тонны помощи и решения в Интернете для всего.
Реагировать имеет отличную производительность
Команда Ract реализована, что JavaScript быстро, но обновление DOM делает его медленно. Реагировать минимизировать изменения DOM. И он выяснил наиболее эффективный и интеллектуальный способ обновления DOM.
Перед реагированием в реакции большинство фреймворк и библиотек будут обновлять DOM неответно, чтобы отразить новое состояние. Это привело к изменениям в значительной части страницы.
Реагирование следит за значениями состояния каждого компонента с Виртуальный Дом Отказ Когда состояние компонента изменяется, реагируйте сравнивают существующее состояние DOM с тем, что должно выглядеть новый дом. После этого он находит наименее дорогой способ обновления DOM.
Это не очень легко, но отреагируйте это очень хорошо за кулисами. Он имеет несколько преимуществ, таких как избегая размыкания макета, который является когда браузер должен пересчитать положение всего, когда элемент DOM изменяется.
Кроме того, поскольку большинство приложений используются на мобильных устройствах, они должны быть высокоэффективными. Таким образом, сохраняя батарею и мощность процессора очень важно.
Простая модель программирования Rect позволяет автоматически изменять состояние, когда данные обновляются. Это происходит в памяти, так что это быстро.
Рейкт библиотеки тоже крошечный. Это меньше, чем 6 КБ (менее 3 КБ при счету). Это значительно меньше, чем его конкуренты.
React легко проверить
Дизайн React является очень удобным для тестирования.
- Традиционное тестирование браузера UI – это хлопот для настройки. С другой стороны, вам требуется очень мало или нет конфигурации для тестирования в реакции.
- Традиционный браузер UI требует, чтобы браузеры для тестирования, но вы можете быстро и легко тестировать компоненты реагирования и легко с использованием командной строки узла.
- Традиционное тестирование браузера UI медленно. Но тестирование командной строки быстро, и вы можете запустить значительное количество тестовых люков одновременно.
- Традиционное тестирование браузера пользовательского интерфейса часто потребляет время и сложные для обслуживания. Тест на реагирование можно быстро написать, используя инструменты, такие как Whest & Фермент Отказ
Существует широкий спектр структуры тестирования JavaScript, доступных в Интернете, которую вы можете использовать для тестирования Revief.js (поскольку это также библиотека JavaScript). Некоторые популярные рамки тестирования являются Моча , Жасмин , Лента , Qunit и Ava Отказ
Вывод
React – это отличный инструмент, с которым для создания интерактивных приложений для мобильных, веб и других платформ.
Популярность и использование реагирования растут день за день по хорошей причине. Как разработчик, кодирование в реакции делает вас лучше в JavaScript, язык, который имеет почти 90% доли веб-разработки сегодня.
Спасибо за прочтение этой статьи. Подключите меня Linkedin. И узнайте больше о веб-разработке Блог .