/react-hooks-basics

Primary LanguageJavaScript

Image description

ProGrad Lab | REACT HOOKS - BASIC

Learning Goals

In this exercise, the goal is to learn various use cases with hooks:

  • React Hooks

Getting started

  1. Fork this repo
  2. Clone this repo

Whenever you create a first significant change, you should make your first commit.

  1. Follow these guidelines to add, commit and push changes.

In the end of this document, you will find guidelines on how to submit the exercise.

Instructions

In this lab we will try to work with hooks in react. You can use a single component or create one component for each progression. This lab is just for your reference and kinldy explore the power of react hooks.

PROGRESSION 1 | UPDATE STATE USING useState

Image description

PROGRESSION 2 | MULTIPLE STATE

Image description

PROGRESSION 3 | USE OBJECT STATE

Image description

PROGRESSION 4 | INITIALIZE STATE FROM FUNCTION

Image description

PROGRESSION 5 | useEffect

Image description

PROGRESSION 6 | useContext

Image description

Submission

If you didn't add, commit and push the changes you made, this is the last call. 😄

please share your github links with your Mentors. Your Mentor's will check up your work and provide feedback.

Summary

If you managed to do it, good job! 🏆

We are proud of you!

Happy Coding ProGrad ❤️!