1

Создали проект через: npm i react

Как запустить проект?

Как лучше создавать проект на React?

2
  • npm i react не создает проект, а только устанавливает пакет, погуглите create-react-app 2 сен 2020 в 6:03
  • А можно ли создать из этого создать react приложение?
    – Alexey
    2 сен 2020 в 6:05

3 ответа 3

6

В официальной документации есть отдельный раздел в котором описываются способы создания нового React-приложения (Create React App, Next.js, Gatsby, другие наборы инструментов и даже создание с нуля).


Для создания и дальнейшей разработки приложения обычно используют Create React App.

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

Инструмент настраивает среду для использования новейших возможностей JavaScript, оптимизирует приложение для продакшена и обеспечивает комфорт во время разработки.

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

Для создания проекта выполните команды:

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

Когда ваше приложение готово к развёртыванию в продакшене, запуск команды npm run build создаст оптимизированную сборку вашего приложения в папке build.

1
  • я немного дополнил ответ, ты не против? 16 сен 2020 в 8:05
1

Заходите в директорию (свою папку), открываете консоль и указываете путь до этой папки (или в редакторе через терминал) и вводите туда npx create-react-app my-app консоль будет спрашивать Вас, как назвать проект и т.п., все пропускаете нажав enter, вводите в ту же консоль после установки cd my-app и там же вводите npm start - сервер и приложение запустится

1
  • в конце точнее npm run start
    – doDeploy
    28 окт 2020 в 18:51
0

Если не хочется пользоваться create-react-app, то для простейшей интеграции React-a можно обойтись и без проекта. Просто подключить на сайте:

<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

(без jsx)

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.