Введение в приложение create-react-app

create-response-app - самый простой способ запустить приложение React

create-react-app- это проект, нацеленный на то, чтобы быстро освоить React. Он предоставляет готовый стартер приложения React, поэтому вы можете погрузиться в создание своего приложения без необходимости иметь дело с конфигурациями Webpack и Babel.

Он обеспечивает "из коробки":

  • сервер разработки с горячей перезагрузкой
  • предоставляет среду тестирования с Jest
  • позволяет создавать приложение React
  • готов к синтаксису ES6 +
  • объединяет весь ваш JavaScript и ресурсы
  • поставляется с автопрефиксом CSS, поддержкой модулей SASS и CSS
  • и больше!

Вы начинаете с использованияnpx, который представляет собой простой способ загружать и выполнять команды Node.js без их установки.npxприходит сnpm(начиная с версии 5.2), и если у вас еще не установлен npm, сделайте это сейчас изhttps://nodejs.org(npm устанавливается вместе с Node).

Если вы не уверены, какая у вас версия, я рекомендую проверить, нужно ли вам ее обновлять.

Совет: ознакомьтесь с моим руководством по терминалу наhttps://flaviocopes.com/macos-terminal/если вы не знакомы с этим

Когда ты бежишьnpx create-react-app <app-name>,npxсобираетсяскачатьСамый последнийcreate-react-appотпустите, запустите его, а затем удалите из своей системы. Это замечательно, потому что у вас никогда не будет устаревшей версии в вашей системе, и каждый раз, когда вы ее запускаете, вы получаете самый последний и лучший доступный код.

Итак, начнем:

npx create-react-app todolist

Вот когда он закончил работу:

create-react-appсоздал структуру файлов в указанной вами папке (todolistв этом случае) и инициализировалGitрепозиторий.

Он также добавил несколько команд вpackage.jsonфайл, поэтому вы можете сразу запустить приложение, зайдя в папку и запустивnpm start.

В добавление кnpm start,create-react-appдобавил еще несколько команд:

  • npm run build: для сборки файлов приложения React вbuildпапка, готовая к развертыванию на сервере
  • npm test: для запуска пакета тестирования с помощьюШутка
  • npm eject: выбросить изcreate-react-app

Изгнание - это акт принятия решения о том, чтоcreate-react-appсделал для вас достаточно, но вы хотите сделать больше, чем он позволяет.

Сcreate-react-appпредставляет собой набор соглашений об общем знаменателе и ограниченное количество опций, отчасти гарантируется, что в какой-то момент ваши потребности потребуют от вас чего-то уникального, что перерастает возможностиcreate-react-app.

При извлечении вы теряете возможность автоматических обновлений, но получаете большую гибкость вВавилониWebpackконфигурация.

При катапультировании действие необратимо. Вы получите 2 новые папки в каталоге вашего приложения,configиscripts. Они содержат всю необходимую конфигурацию, и теперь вы можете приступить к ее редактированию.

Скачать мою бесплатнуюСправочник по React


Больше руководств по реакции: