SPRINT 02 . Компоненты. Создание компонентов и вложенных компонентов

Матеріали

Текст

Вопросы в видеоуроке

  • 00:00 Вступление
  • 01:00 Создание проекта
  • 04:00 Создание компонента APP
  • 07:05 Создание компонента Header
  • 11:30 Создание компонента Footer
  • 14:20 Оформляем компоненты
  • 18:05 Создаем компонент Main
  • 20:50 Подключение json файла с данными
  • 22:15 Вывод данных с помощью JSX
  • 25:00 Вывод данных с помощью map
  • 27:00 Создаем компонент Sidebar
  • 30:00 Вывод навигации c помощью map

TASKS

task 1

Создайте новый проект.

task 2

Создайте файлы компонентов по следующему списку


App
Папка Header, в ней два компонента Header, Nav
Папка Main, в ней два компонента Main, Sidebar
Папка Footer, в ней компонент Footer.

Компоненты пишутся в функциональном стиле.

task 3

Компонент Header содержит следующую верстку:


<header>
 <h1>site_name</h1>
 <h2>site_title</h2>
 cюда импортируется cюда импортируется компонент nav
</header>
task 4
Матеріали юніту доступні після придбання курсу
task 5
Матеріали юніту доступні після придбання курсу
task 6
Матеріали юніту доступні після придбання курсу
task 7
Матеріали юніту доступні після придбання курсу
task 8
Матеріали юніту доступні після придбання курсу
task 9
Матеріали юніту доступні після придбання курсу
task 10
Матеріали юніту доступні після придбання курсу
task 11
Матеріали юніту доступні після придбання курсу