Автор оригинала: Kavitha Vikas.
Во-первых, во-первых, Rect – это библиотека JavaScript, используемая для создания пользовательского интерфейса, конкретно одностраничное приложение. Он был разработан Facebook и имеет много онлайн-сообществ, которые обеспечивают множество поддержки. Это одна из самых простых библиотек для использования. Хотя он стал очень популярным среди стартапов (например, Airbnb, Dailymotion, Grammlely, IMDB и наш собственный Flipkart и Freecharge), есть множество других компаний, которые также движутся в направлении реагирования.
Чтобы начать разработку и написать любой простой код и запустить его через веб-пакет, нам нужно включить 4 библиотеки:
- Реагировать
- Реагировать
- Babel-Loader
- WebPack
Давайте получим еще более подробную информацию о каждой библиотеке
Библиотека реагирования
NPM установить React –save
Пакет React содержит Rect.Createelement , .createClass , .Component , .PropTypes , .Hildren И некоторые другие помощники связаны с элементами и классами компонентов. Это универсальные помощники, которые вам нужно создавать компоненты.
Реагировать
NPM установить взаимодействие –save
Теперь, если вам интересно, почему нам нужно установить взаимодействие и какую разницу между реагированием и взаимодействием здесь, вот-реакды – это клей между реакцией и домом.
До V0.14 все функциональные ресурсы взаимодействия были частью реагирования. Причина реагирует и реагируют и реагировали в библиотеки, было связано с прибытием реагирования родных. Реагирование содержит функциональные возможности, используемые в веб и мобильных приложениях, в то время как функциональные возможности взаимодействия используются только в веб-приложениях.
Немного мелочей для вас – есть точка, когда разработчики хотели использовать React Common для обеих веб-, так и для мобильных устройств. По какой-то неизвестной причине это не произошло. Теперь React Nature – это совершенно другой пакет, используемый для мобильных приложений.
Babel Library
NPM Установить Babel-Save
Несмотря на то, что Rect – это библиотека JavaScript, важная вещь, которую следует отметить, что мы не будем в реагировании кода в JavaScript. React Coding имеет свой собственный аромат, называемый JSX (продлен JavaScript)
Почему Бабел? Поскольку код, написанный в реакции, будет иметь формат JSX, и все мы знаем, что браузеры понимают только JavaScript (JS), Babel используется для перевода JSX в JS, чтобы браузеры были поймены и выполняют наш код. Опять же, в Вавиле, у нас есть три библиотеки, которые нам нужно выбрать в зависимости от наших требований к разработке приложений.
Бабел-Кли: Babel поставляется со встроенным в CLI, который можно использовать для компиляции файлов из командной строки. Это может быть использовано на начальных этапах реагирования на обучение. В противном случае, в целом, это плохое представление о том, чтобы управлять всемирно использовать это.
Babel-Core: Это можно использовать, если вы хотите использовать API узла.
Babel-Loader: Это может быть использовано при использовании WebPack. Эта библиотека будет использоваться при строительстве приложений в реальном времени.
WebPack
NPM установить WebPack -g –save
NPM установить WebPack-Dev-Server -G –save
WebPack – это модуль Bundler. На высоком уровне пакет модуля – это просто процесс распределения группы модулей и их зависимостей в один файл или группа файлов в правильном порядке.
Почему нам нужен модуль Bundler? Когда вы кодируете, вы поделите вашу программу в модули, а затем организуете эти модули в разные файлы и папки. Скорее всего, у вас также есть группа модулей для библиотек, которые вы используете (Ex. Bootstrap или underscore-rect). В результате каждый из этих файлов должен быть включен в ваш основной HTML-файл в A