Skip to content

Practice React basics by fetching data from data.json to display pokemons. Components are provided; focus on passing data using props. Use the 'key' attribute to avoid errors. See Props section for hints. Great for group learning.

Notifications You must be signed in to change notification settings

omgDom/exercise-w5-pokemon-props

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Pokemon Props Exercise

In this week’s team session you will practice react basics and you will work on applying the concepts that we have learned throughout the week. This will be done during the scheduled team session, you decide in the team if to do it in small groups or pairs.

Instructions:

Fetch the data from a JSON File and pass down the data from the parent component to its child component. Using the data.json you will create a list of pokemons. We've created the necessary components for you, now it's up to you to pass the props properly to these components. Don’t forget the key attribute to avoid any console errors 😉

Hint:

If you look at the last question on the Props section, you will have an example on how to approach this exercise 😎

Getting Started with the Project

Dependency Installation & Startup Development Server:

Once cloned, navigate to the project's root directory and this project uses npm (Node Package Manager) to manage its dependencies.

The command below is a combination of installing dependencies, opening up the project on VS Code and it will run a development server on your terminal.

npm i && code . && npm run dev

About

Practice React basics by fetching data from data.json to display pokemons. Components are provided; focus on passing data using props. Use the 'key' attribute to avoid errors. See Props section for hints. Great for group learning.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 80.4%
  • HTML 17.9%
  • CSS 1.7%