Learn React Hooks in a Better Way

Course Curriculum

Chapter 1: Introduction

Lecture 1: What is react hooks ?

Lecture 2: Why use react hooks ?

Lecture 3: Hello hooks problem

Lecture 4: Hello hooks solution

Chapter 2: UseState

Lecture 1: Project setup

Lecture 2: useState with two states

Lecture 3: useState with an object

Chapter 3: useEffect

Lecture 1: Fetch posts sample and problem

Lecture 2: useEffect(callback,[]) to solve fetch posts problem

Lecture 3: Class component to set clicks on document title

Lecture 4: useEffect(callback) to set clicks on document title

Lecture 5: Fetch comments and albums sample and problem

Lecture 6: useEffect(callback,[resource]) to to fetch comments and albums – solution

Lecture 7: clock sample with a problem

Lecture 8: useEffect(callback) and return to fix clock problem

Chapter 4: Hooks rules

Lecture 1: Hooks rules problem

Lecture 2: Hooks rules solution

Chapter 5: useContext

Lecture 1: Set language sample setup

Lecture 2: useContext to share language state

Chapter 6: useRef

Lecture 1: Set Interval setup sample and problem

Lecture 2: useRef for Set Interval solution

Chapter 7: useReducer

Lecture 1: Increment decrements counter setup sample

Lecture 2: useReducer for Increment decrements counter

Chapter 8: custom hooks

Lecture 1: Setup sample with state based code duplication

Lecture 2: Custom hook to reuse common state based code

Chapter 9: useMemo and useCallback

Lecture 1: Sample setup and useMemo motivation

Lecture 2: useMemo

Lecture 3: Sample setup and useCallback motivation

Lecture 4: useCallback

Chapter 10: Chat App part 1 – setup

Lecture 1: Chat app promo

Lecture 2: Project setup

Lecture 3: Initial layout

Lecture 4: Add input element and hard code messages

Lecture 5: Design decision – server

Lecture 6: Firebase setup

Lecture 7: Send message to firebase database

Chapter 11: Chat App part 2 – basic functionality

Lecture 1: Retrive messages from firebase database – state problem

Lecture 2: useRef to fix messages retrieve problem

Lecture 3: Refactor panels to sub components

Lecture 4: Design decision – state management

Lecture 5: useContext+useState to consume user and current room context

Chapter 12: Chat App part 3 – more rooms and messages functionality

Lecture 1: Send message with all info

Lecture 2: Message timestamp

Lecture 3: Set current room

Lecture 4: Handle room change

Lecture 5: Display user timestamp using moment package and display #users

Lecture 6: Add room to firebase database