ls-pro-react-iv's Introduction

Homework #4

Instructions

Feynman Writing Prompts - Write out explanations of the following concepts like you are explaining it to a 12 year old. Doing this will help you quickly discover any holes in your understanding. Ask your questions on Slack.

debugger - a command that lets you step through your project in Chrome tools
react router - a React library that lets you use links to display desired component
<Router /> (BrowserRouter) - lists all the current links used and correlating component in your app
<Route /> - used to define each link in the Router
<Link /> - allows you to link HTML content to another component display, does not cause a page reload
npm and npm install - node pack manager, used to install plugins

Fork and clone this repo.

Create a boilerplate React app called me. create-react-app me
Navigate into /me and run the command: npm start
App.js should return the <Router /> component as the base.
Add a header to the top of your page with three <Link /> components.
Create three components that will be three different "pages" that you will render.
The first comopnent should be called <About /> and should display some fun facts about yourself.
The second comopnent should be called <Hobbies /> and should display a list of your favorite hobbies.
The third component should be called <Media /> and should display some pictures that you like.
Link to these three components from the header and display them when you navigate to the appropriate paths.

Congratulations on finishing Homework #4!

For more information about our part-time and full-time courses visit: https://www.lambdaschool.com LambdaSchool's full-time class is now tuition guaranteed.

Recommend Projects