Установка и подготовка React-приложения

В этом уроке мы начнем с установки и подготовки React-приложения, так как в дальнейшем мы будем использовать его в связке с Redux. Есть более быстрые способы создания шаблона приложения React с Redux (что кстати не всегда означает легко, особенно для новичков), которые указаны в официальной документации, но мы пойдем с нуля.

Для начала создадим React-приложение my-app с использованием Vite (это модная замена Webpack). Для этого откроем терминал и введем следующие команды (в предложенных опциях, если таковые имеются, выберем React и затем JavaScript):

npm create vite@latest my-app --template react
cd my-app
npm install

Запустим созданное приложение:

npm run dev

Откроем в браузере предложенный линк http://localhost:5173/ и увидим знакомую заставку. Все работает.

Теперь удалим лишнее. Очистим папку public. В папке src оставим только main.jsx, index.css и App.jsx (в index.css и App.jsx полностью удалим содержимое).

В файле index.html заменим текст тайтла на:

<title>React Redux App</title>

Создайте React-приложение и убедитесь, что оно работает.

Удалите лишние файлы и папки.