React JS - React Hooks - How To Use useState() With React Hooks

With the advent of React JS 16.8, we saw an incredible addition - React JS Hooks. Well, of these, the one which caught the attention of many is useState() hook.

Basically, what it does is that it makes it possible to introduce state in React Functional components. This tutorial goes into deeper explanation on how to use it, and how it transforms a stateless functional component into a stateful functional component.

Breakdown:

00:00 - 00:30 - About The Tutorial
00:31 - 01:14 - Project UI Setup
01:15 - 02:32 - Project Codebase Setup
02:33 - 06:50 - How useState() Works
06:51 - 11:53 - Comparing Stateful Function Component With Stateless Function Component
11:54 - 14:31 - How render() Method Respects State Variables
14:32 - 16:24 - How Updating Parent State Affects Stateful And Stateless Function Components
16:25 - 19:55 - In Summary

#bingeoncode #programming #reactjs #reacthooks