**************************************React Router Exercise Lab**************************
Goal: Create a Simple React Router
Tasks:
For Given files or this below file:
index.html
team.html
Questions
Create a simple React App that renders index as below with components for Header, menu, and
main:
.dots span:nth-child(1) { transition-delay: 0.05s; .dots span:nth-child(2) { transition-delay: 0.1s; }
.dots span:nth-child(3) { transition-delay: 0.15s; @media (max-width: 1000px) { . Wrap { flex-
direction: column; width:400px; } fLorem ipsum dolor sit amet, consectetur adipisicing elit. Donec a
diam lectus. Set sit amet ipsum mauris. Maecenas congue ligula as quam viverra nec consectetur
ant hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae
augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. sulbsectiar Donec ut librero
sed accu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pelientesque
auctor nisi id magna consequat sagittis. Curabitur dapibus, enim sit amet elit pharetra tincidunt
feugiat nist imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Another
stherection Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum soclis natoque
penatibus et manis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies.
Mauris vitae nisi at sem facilisis semper ac in est. Vivamus fermentum semper porta. Nune diam
velit, adipscing ut tristique vitae sagittis vel odio. Maecenas convallis ullamcorper ultricied.
Curabitur ornare, ligula semper consectetur sagittis, nisi diam iaculis velit, is fringille sem nunc vet
mi.(c) Copyright 2050 by nobody. All rights reversed. Then implement React Router to implement
the main contents of Home, Team, and Project in the main area using Reat Router.

React Router Exercise .pdf

  • 1.
    **************************************React Router ExerciseLab************************** Goal: Create a Simple React Router Tasks: For Given files or this below file: index.html team.html Questions Create a simple React App that renders index as below with components for Header, menu, and main: .dots span:nth-child(1) { transition-delay: 0.05s; .dots span:nth-child(2) { transition-delay: 0.1s; } .dots span:nth-child(3) { transition-delay: 0.15s; @media (max-width: 1000px) { . Wrap { flex- direction: column; width:400px; } fLorem ipsum dolor sit amet, consectetur adipisicing elit. Donec a diam lectus. Set sit amet ipsum mauris. Maecenas congue ligula as quam viverra nec consectetur ant hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. sulbsectiar Donec ut librero sed accu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pelientesque auctor nisi id magna consequat sagittis. Curabitur dapibus, enim sit amet elit pharetra tincidunt feugiat nist imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Another stherection Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum soclis natoque penatibus et manis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est. Vivamus fermentum semper porta. Nune diam velit, adipscing ut tristique vitae sagittis vel odio. Maecenas convallis ullamcorper ultricied. Curabitur ornare, ligula semper consectetur sagittis, nisi diam iaculis velit, is fringille sem nunc vet mi.(c) Copyright 2050 by nobody. All rights reversed. Then implement React Router to implement the main contents of Home, Team, and Project in the main area using Reat Router.