SPRINT 01 . Создаем первое приложение на React, изучаем структуру проекта, знакомимся с JSX, компонентами

Материалы

Текст

Как использовать код урока?

Распаковать в папку
Открыть папку в IDE
В консоли набрать npm i для установки нужных пакетов
cd example для входа в папку
npm start для запуска проекта

В данной работе в качестве ДЗ сдается только App.js запакованный в архив .zip.

TASKS

task 1

Откройте в IDE папку, в которой будете выполнять UNIT. Если используете VSCode, то выберите Terminal - New terminal, или нажмите Ctrl ` для открытия терминала. Выполните там команду:


npx create-react-app unit_1

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

task 2

Зайдите в папку unit_1 - после установки она должна появиться. Для этого наберите команду cd unit_1 и нажмите Enter.

Папка должна содержать папки node_modules, public, src и файлы .gitignore, package-lock.json, package.json, README.md.

Изучите содержимое файлов и папок, как показано в уроке.

task 3

Запустите приложение набрав npm start

Изучите как выглядит запущенное приложение в браузере и на каком порту было запущено.

Установите React Developer Tools в браузер - https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

task 4