create-react-app – это проект, направленный на то, чтобы вы быстро освоились с React в кратчайшие сроки. Он предоставляет готовый стартер приложения React, так что вы можете погрузиться в создание своего приложения без необходимости иметь дело с конфигурациями Webpack и Babel.
Он обеспечивает “из коробки”:
- сервер разработки с горячей перезагрузкой
- обеспечивает среду тестирования с помощью всего
- позволяет создавать приложение React
- готов к синтаксису ES6+
- объединяет все ваши JavaScript и ресурсы
- поставляется с автофиксатором CSS, Поддержка модулей SASS и CSS
- и даже больше!
Вы начинаете с использования npx , который является простым способом загрузки и выполнения Node.js команды без их установки. npx поставляется с npm (начиная с версии 5.2) и если у вас еще не установлен npm, сделайте это сейчас из https://nodejs.org (npm устанавливается вместе с узлом).
Если вы не уверены, какая у вас версия, я рекомендую проверить, нужно ли вам обновлять.
Совет: ознакомьтесь с моим учебником по терминалу по адресу https://flaviocopes.com/macos-terminal/если вы с ним незнакомы
Когда вы запустите npx create-react-app <имя приложения> , npx собирается загрузить самую последнюю версию create-react-app , запустите ее, а затем удалите из своей системы. Это здорово, потому что в вашей системе никогда не будет устаревшей версии, и каждый раз, когда вы ее запускаете, вы получаете самый последний и лучший доступный код.
Тогда давайте начнем:
npx create-react-app todolist
Это когда он закончил работать:
создать-реагировать-приложение создал структуру файлов в папке, которую вы указали ( список дел в данном случае), и инициализировал Git репозиторий.
Он также добавил несколько команд в файл package.json , так что вы можете сразу запустить приложение, зайдя в папку и запустив запуск npm .
В дополнение к запуску npm , create-react-app добавлено несколько других команд:
npm выполнить сборку: для сборки файлов приложения React в папкесборка, готовых к развертыванию на серверетест npm: для запуска набора тестов с помощью Шуткаизвлечение npm: для извлечения изсоздать-реагировать-приложение
Выброс – это акт принятия решения о том, что create-react-app сделал для вас достаточно, но вы хотите сделать больше, чем это позволяет.
Поскольку create-react-app представляет собой набор общих условных обозначений и ограниченное количество опций, в некоторой степени гарантируется, что в какой-то момент ваши потребности потребуют от вас чего-то уникального, что превосходит возможности create-react-app .
При извлечении вы теряете возможность автоматического обновления, но получаете большую гибкость в конфигурации Babel и Webpack.
При извлечении действие становится необратимым. Вы получите 2 новые папки в каталоге вашего приложения, config и скрипты . Они содержат всю необходимую конфигурацию, и теперь вы можете начать ее редактировать.
Оригинал: “https://flaviocopes.com/react-create-react-app/”