Прежде чем начать, нам нужно:

  1. Node.js

Node.js — это кроссплатформенная среда выполнения JavaScript с открытым исходным кодом, которая выполняет код JavaScript вне браузера.

NPM — это менеджер пакетов для Node.js, в котором размещены тысячи бесплатных пакетов для загрузки и использования. NPM устанавливается на ваш компьютер при установке Node.js.

Установите последний узел 10.3.15 (npm 6.3.1), нажав NODE.

2.Инструменты разработчика

Инструменты разработчика помогают находить и устранять проблемы с макетами и функциями, которые могут возникнуть в разных браузерах. Например, если кнопка не работает или изображение в макете находится не на своем месте, эти инструменты помогут вам решить эти проблемы. Эти инструменты поставляются вместе с браузером. Если их нет, мы должны их установить.

3. Код Visual Studio

Microsoft Visual Studio — интегрированная среда разработки от Microsoft. Он используется для разработки компьютерных программ, а также веб-сайтов, веб-приложений, веб-сервисов и мобильных приложений.

Установите код Visual Studio, нажав VS CODE.

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

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

CLI (Command-Line-Tool) используется для создания приложения React.

Использует встроенный Webpack.

Приходите в комплекте с сервером разработки.

npm run build достаточно для компиляции кода.

Чтобы создать проект:

Введите эти команды в CLI

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

Эти файлы создаются в вашем проекте (react-app):

1.node_modules:

Модуль — это любой файл или каталог в каталоге node_modules, который может быть загружен функцией Node.js require().

Для загрузки функцией Node.js require() модуль должен быть одним из следующих:

  • Папка с файлом package.json, содержащим поле "main".
  • Папка с файлом index.js.
  • Файл JavaScript.

2. источник:

Src — это место, где пишется код.

3.package.json:

Файл package.json: список пакетов, от которых зависит ваш проект. указывает версии пакета, которые ваш проект

4.gitignore:

Если вы создаете в своем репозитории файл с именем .gitignore, Git использует его, чтобы определить, какие файлы и каталоги следует игнорировать, прежде чем вы сделаете фиксацию.

5.README.md:

Файл README содержит информацию о других файлах в каталоге. Форма документации, обычно это простой текстовый файл.

Чтобы построить проект:

npm запустить сборку

Чтобы запустить проект:

запуск нпм

Ну, это шаги для создания нового проекта с использованием React. Спасибо за чтение..!!!