Создать приложение React

В предыдущем уроке мы изучали, как реакция может быть добавлена на веб-сайт HTML из CDN. В этом разделе мы рассмотрим второй способ использования реакции, то есть создание одностраничного приложения с помощью приложения «Создать приложение React». команда.

Create React App - удобная среда для изучения React и лучший способ начать создание нового одностраничного приложения в React.

Он настраивает вашу среду разработки таким образом, чтобы вы могли использовать новейшие функции JavaScript, предоставляет приятные возможности для разработчиков и оптимизирует ваше приложение для работы. Вам нужно иметь Node> = 6 и npm> = 5.2 на вашей машине. Чтобы создать проект, запустите:

```
npx create-react-app my-app
cd my-app
npm start
start
```

Примечание: npx в первой строке фрагмента выше не является опечаткой? это инструмент для запуска пакетов, который поставляется с npm 5.2+.

Create React App не обрабатывает внутреннюю логику или базы данных; он просто создает конвейер сборки внешнего интерфейса, так что вы можете использовать его с любым нужным бэкэндом. Под капотом он использует Babel и webpack, но вам не нужно ничего о них знать.

Когда вы будете готовы к развертыванию в рабочей среде, запуск npm run build создаст оптимизированную сборку вашего приложения в папке сборки. Вы можете узнать больше о Create React App из его README и Руководства пользователя.

Next.js

Next.js - это популярная и легковесная инфраструктура для статических и серверных приложений, созданная с помощью React. Он включает в себя готовые решения для стилизации и маршрутизации и предполагает, что вы используете Node.js в качестве серверной среды.

Узнайте Next.js от его официального руководства здесь.

Гэтсби

Gatsby - один из лучших способов создания статических сайтов с помощью React. Он позволяет использовать компоненты React, но выводит предварительно отрендеренный HTML и CSS, чтобы гарантировать самое быстрое время загрузки.

Узнайте Гэтсби из его официального руководства и галереи стартовых комплектов.

Более гибкие наборы инструментов

Следующие наборы инструментов предлагают больше гибкости и выбора. Рекомендуется для более опытных пользователей:

• Neutrino сочетает в себе мощь веб-пакета с простотой предустановок и включает предустановку для приложений React и компонентов React.
• nwb особенно хорош для публикации компонентов React для npm. Его также можно использовать для создания приложений React.
• Parcel - быстрый упаковщик веб-приложений с нулевой конфигурацией, который работает с React.
• Razzle - это инфраструктура рендеринга сервера, которая не требует какой-либо настройки, но предлагает большую гибкость, чем Next.js.