redux-course-ru-v2
  • Вступление
  • От автора
  • Подготовка
    • create-react-app
    • ESLint и Prettier
  • Создание
    • Основы Redux (теория)
    • Точка входа
    • Редьюсеры и connect
    • Комбинирование редьюсеров
    • Контейнеры и компоненты
    • Создание actions
    • Константы
    • Наводим порядок
    • Middleware (усилители)
    • Асинхронные actions
    • Взаимодействуем с VK
    • Рефакторинг
      • Оптимизация перерисовок
      • Доработки
  • Что дальше?
  • Спасибо
Powered by GitBook
On this page

Was this helpful?

  1. Подготовка

create-react-app

PreviousПодготовкаNextESLint и Prettier

Last updated 5 years ago

Was this helpful?

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

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

После запуска мы получим следующую картину в браузере:

И следующую файловую структуру:

+-- node_modules (здесь расположены пакеты для работы приложения)
+-- public (здесь расположены публичные файлы, такие как index.html и favicon)
+-- src (здесь живет компонент App)
+-- .gitignore (файл для гита)
+-- package.json (файл с зависимостями проекта)
+-- README.md (описание проекта)
+-- yarn.lock (может быть, а может и не быть - тоже относится к теме зависимостей проекта)

CRA при каждом изменении в файлах внутри директории src - перезагружает страницу в браузере.

Про import/export задерживаться не будем, так как думаю вы это уже знаете. Если что, есть глава "" в учебнике по основам реакта.

Приборка и импорты
Исходный код
node.js
welcome to react