Начать работу с React

Шаг 1: Установка Node.js и создание проекта

Установите Node.js, если у вас его еще нет. Вы можете скачать его с официального сайта Node.js.

Установите Create React App, инструмент для создания и развертывания проектов на React. Вы можете установить его глобально с помощью следующей команды:

npm install -g create-react-app

Создайте новый проект React с помощью Create React App. Замените my-react-app на желаемое имя вашего проекта:

npx create-react-app my-react-app

Шаг 2: Запуск приложения

Перейдите в каталог вашего нового проекта:

cd my-react-app

Запустите ваше React-приложение:

npm start

Это запустит локальный сервер разработки и откроет ваше приложение в браузере по адресу http://localhost:3000.

Создание первого компонента

Откройте код вашего проекта в текстовом редакторе или интегрированной среде разработки (IDE). Ваши исходные файлы находятся в папке src.

В папке src, вы найдете файл App.js. Это основной компонент вашего приложения. Вы можете начать с его изменения.

Очистите содержимое файла App.js и определите свой первый React-компонент, например:

import React from 'react';

function App() {
  return (
    <div>
      <h1>Мое первое React приложение</h1>
      <p>Привет, мир!</p>
    </div>
  );
}

export default App;

Сохраните изменения, и вы увидите, как ваше приложение автоматически обновится в браузере с новым содержимым.