React — это популярная библиотека с открытым исходным кодом, разработанная в первую очередь Facebook. С недавнего времени, начиная с версии 15.2, инструмент поставляется под открытой лицензией MIT. И весь мир был весел!

Я использую React уже пару лет. Я решил написать пост о вещах, которые я считаю очевидными.

React — это отдельная библиотека Javascript. Важными инструментами являются Node (npm), Webpack для сборки и сборки, синтаксис ES6 (имеется в виду Babel), Git (очевидно) и Flow для проверки типов. Существует пакет npm под названием «create-react-app», который бесплатно дает вам недельную работу по настройке.

Webpack сложен, но разобраться в нем очень полезно. Думайте о «загрузчиках» вашей конфигурации как об упорядоченном наборе преобразований. Любой тип файла, который вы хотите включить в свои файлы, просто нуждается в загрузчике, установленном через npm, и вызове в ваших файлах конфигурации Webpack.

Babel — это просто транспилятор, просто используйте приложение create-react-app, и оно просто сработает.

Проверка типов спасает жизнь. Flow — лучший вариант для React. Он не требует настройки, но его сложно интегрировать в IDE. Мне пришлось отключить встроенный линтер в vs-code и сказать ему, что теперь он должен использовать Flow.

Как только вы заработаете (`npm start`), вы сможете использовать явную структуру React для создания потрясающей веб-программы.

React и другие фреймворки, такие как vuejs и Angular2, ЯВНЫ, потому что все, что появляется на экране, было явно указано как там. Обычно Javascript — это неявный язык, в котором большинство элементов берутся из HTML, а Javascript манипулирует DOM, чтобы изменить то, как они работают.

С помощью этих замечательных инструментов вы можете запустить свое собственное веб-приложение менее чем за 30 минут.