Last Updated: August 29th, 2022
The intent of this workshop is to learn the basics of React, covering the fundamentals concepts of the library like Components, LifeCycle, JSX, Props, State, Side effects, API requests, and more. After completing it, you should be able to work on small projects independently.
Our objective is to create a Pokemon App, using Poke API which will allow us to get a Pokemon list and its description by making API requests using Axios. We will be able to navigate from the Pokemon list (our Home page) to the Pokemon detail by clicking on a Pokemon using React-Router. Finally, we will host our Poke App on Netlify
Sound good, doesn't it?. Take a look at the App design on Figma
Some files we will need Here
-
Make sure you have Git and Node installed first.
- Git - Don't forget to check it
$ git --version - Node (LTS) -
$ node --version
- Git - Don't forget to check it
-
Get your favourite code editor, although we recommend Visual Studio Code. Here are some extensions will help you code faster, cleaner and easier