Cracking the Code: React Hooks Tutorial 2024 (Learn by doing )🟡

Learn all about React Hooks in this beginner's tutorial! We'll cover topics like useEffect and React Hook Form, so you can start creating dynamic and interactive web applications. Whether you're new to coding or just looking to expand your skills, this tutorial is perfect for you. So join us and unlock the secrets of React Hooks with edubaba! 🟡 Table of Content And Time Stamp 00:00:54 Introduction To Hooks 00:05:36 useState Hook 00:13:12 update state based on prev state 00:23:00 object as a state variable 00:30:03 Array as a state variable 00:39:15 Organizing The Folder Structure 00:41:33 Introduction to useEffect Hook 00:46:25 useEffect Hook (componentDidMount and componentDidUpdate) 00:53:23 conditionally run effect 01:00:53 useEffect cleanUp Function 01:08:17 component Will UnMount 01:15:39 useEffect Hook: Fetch Data from API endPoint 01:25:16 useEffect Hook: Fetch Single Post by id 01:33:13 useEffect Hook: Trigger effect based on button click 01:37:28 Introduction to useContext Hook 01:42:08. Implement Multiple Context with render prop pattern 01:52:54 Implement Multiple Context with useContext Hook 01:57:10 Introduction to useReducer Hook 01:59:01 useReducer Example 1 02:10:56 useReducer: state and action object 02:23:16 Multiple reducers 02:27:33 useState and useReducer 02:40:44 useState Data Fetch 02:52:19 useReducer Data Fetch 03:02:41 useCallback Hook 03:20:45 useMemo Hook 03:34:36 useRef Hook 03:39:38 useRef Example 2 (Timer) #reactjscrashcourse #reactbootstrap #reacthooks