React - одна из самых популярных интерфейсных сред JavaScript для создания веб-приложений. Открытый исходный код Facebook был открыт в 2013 году, и большое сообщество разработчиков с восторгом встретило его.

Прежде чем начать работу с react, вы знакомы с основами веб-разработки: HTML, CSS и JavaScript. HTML и CSS будут обычно использоваться для оформления дизайна и для создания страницы. JavaScript создает скрипт для библиотеки, которую мы используем в реакции.

Настройка среды

Перед тем, как начать реагировать, сначала вам нужно убедиться, что настройка доступна. Необходимо убедиться, что у вас установлен Node.js, вы можете проверить актуальную версию, выполнив следующую команду:

$ node -version

Создание проекта React

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

$ npx create-react-app test

      

$ cd test

$ code

Это новая папка проекта в Visual Studio Code.

node_modules: все зависимости проекта хранятся в этой папке

public: эта папка включает статические ресурсы веб-приложения.

src: это папка, содержащая реализацию JavaScript вашего приложения React.

Запуск веб-сервера разработки

Запуск веб-сервера разработки выполняется путем выполнения сценария запуска через:

$ npm start

Браузер откроется автоматически, а URL http://localhost:3000 открыт.

Запуск тестов

Первоначальный проект реакции по умолчанию включает некоторые базовые модульные тесты в src / App.test.js. Этот тест можно выполнить с помощью следующих методов:

$ npm run test

      

Создайте готовое к работе приложение. Это указывает на то, что приложение реагирования было построено, и результат был помещен в папку сборки проекта. Следующая команда используется для выполнения производственной сборки:

$ npm run build

      

Спасибо за чтение!

Больше контента на plainenglish.io