Чтобы установить приложение React, вы можете воспользоваться следующими способами:
Метод 1: использование приложения Create React (рекомендуется для новичков):
- Откройте интерфейс командной строки (CLI).
- Установите Node.js на свой компьютер, если вы еще этого не сделали.
- Выполните следующую команду, чтобы глобально установить приложение Create React:
npm install -g create-react-app - Создайте новое приложение React, выполнив:
npx create-react-app my-app(Замените «my-app» на желаемое название приложения.)
- Перейдите в каталог приложения:
cd my-app - Запустите сервер разработки:
npm startОткроется новое окно браузера с запущенным приложением React.
Метод 2: использование React CDN (для простых небольших проектов):
- Создайте новый HTML-файл и откройте его в текстовом редакторе.
- Добавьте следующие теги сценария в заголовок вашего HTML-файла:
<script src="https://unpkg.com/react/umd/react.development.js"></script> <script src="https://unpkg.com/react-dom/umd/react-dom.development.js"></script> <script src="https://unpkg.com/babel-standalone/babel.min.js"></script> - Начните писать код React внутри тега сценария.
Метод 3. Использование сборщика модулей, такого как Webpack или Parcel (для продвинутых проектов):
- Создайте новый каталог проекта.
- Инициализируйте новый проект Node.js:
npm init -y - Установите React и React DOM как зависимости:
npm install react react-dom - Настройте свой сборщик (например, Webpack или Parcel) и настройте его для компиляции компонентов React.
- Напишите свой код React и при необходимости импортируйте компоненты React.
- Создайте свой проект, используя настроенный сборщик.