GoGrow - Workshop React

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.

Description

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

How to get ready for the workshop

• Make sure you have Git and Node installed first.

  • Git - Don't forget to check it $ git --version
  • Node (LTS) - $ node --version

• Get your favourite code editor, although we recommend Visual Studio Code. Here are some extensions will help you code faster, cleaner and easier

  • Bracket Pair Colorizer
  • React snippets
  • Prettier – Code formatted
  • ESLint - Find and Fix code problems