tel-ran-de / FE-24-m

2 stars 0 forks source link

FE 2022-07-01 React Router Practice #40

Open Nolra opened 2 years ago

Nolra commented 2 years ago

Uno-todo - синхронизируем изменения, к следующему занятию по разработке проекта, анализируем изменения TodoBox, TodoPanel, helpers custom hooks. Code: https://github.com/tel-ran-de/FE-24-m/tree/fe-07-01-uno

Домашнее задание по react route 1) Создайте новый проект create react app, добавьте в него библиотеку react-router-dom 2) Создайте следующую структуру страниц и навигацию (header), доступную всегда, на любой странице - главная <Home/>, о нас <AboutUs/>, наша команда <Team/>,контакты <Contacts/>. В каждом компоненте достаточно <section><h1>О Нас</h1></section>. 3) В компонент <Team> передайте массив из трех объектов, содержащих (пример) {name:'Alex',position:'Backend developer' path:'backend',} и создайте исходя из структуры объкта ссылки (пример) <Link to=/team/backend>Backend developer</Link> 4) Так же кроме ссылок создайте и routes для каждого элемента массива, который будет открывать тот или иную страницу, содержащую <section><h1>Name: Alex</h1><h2>Position: Backend developer</h2></section>

eduard-lab-front-end commented 2 years ago

https://github.com/Eduard-basic24-25/Router