udemy-react-tutorial-and-projects-course-2022-updtaed-6-2022-0

and Setup\ 0:00 What is React 5:42 Goals 7:42 Structure 8:38 Course Requirements 10:38 Dev Environment Setup 15:20 Text Editor Setup 17:15 Video Blur Fix 18:51 Course Review create-react-app\ 19:22 Command Line Basics 26:03 NPM Basics 36:10 What is Create-react-app, Babel, Webpack 38:08 Install Create-react-app 44:23 Folder Structure 53:28 Remove Boilerplate 55:03 Update!!! Basics Tutorial\ 59:10 First Component 1:09:23 Text Editor Setup 1:17:40 First Component in Detail 1:24:30 JSX Rules 1:34:07 Nested Components and Tools 1:40:03 Mini Book Project 1:48:12 CSS 1:59:55 JSX-CSS 2:06:46 JSX-Javascript 2:14:46 Props 2:30:58 Props-Destructuring 2:35:01 Props-Children 2:41:31 Simple List 2:50:31 Proper List 2:58:09 Key Prop and Spread Operator 3:04:13 Event Basics 3:16:33 Import and Export Statements 3:28:46 Free Hosting Hooks and Advanced Topics\ 3:33:44 Intro 3:36:04 Install Starter 3:38:12 Starter Overview 3:43:28 useState-Simple Use Case 3:53:12 useState-Basics 4:05:14 General Rules of Hooks 4:08:06 useState-Array Example 4:21:54 useState-Object Example 4:27:27 useState-Multiple State Values 4:30:44 Simple Counter 4:36:37 Functional Update Form 4:49:22 useEffect-Basics 4:59:31 useEffect-Conditional 5:03:24 useEffect-Dependency List 5:08:57 useEffect-Cleanup Function 5:21:07 useEffect-Fetch Data 5:33:12 Multiple Returns-Basics 5:38:51 Multiple Returns-Fetching Example 5:53:49 Short-Circuit Evaluation 6:04:31 Ternary Operator 6:13:11 ShowHide Component 6:21:56 Form Basics 6:30:35 Controlled Inputs 6:39:51 Add Item to the List 6:52:15 Multiple Inputs 7:08:13 useRef 7:18:04 useReducer-useState Setup 7:31:37 useReducer-Refactor 7:39:01 useReducer-Add Item 7:55:01 useReducer-Remove Item 8:02:44 Prop Drilling 8:16:25 Context API useContext 8:28:11 Custom Hooks-useFetch 8:39:59 PropTypes-Setup 8:49:39 PropTypes-Images 8:57:39 PropTypes-Default Values 9:02:33 React Router 6 Update !!! 9:03:22 React Optimization Warning!!!! 9:06:52 9:15:21 useCallback 9:23:32 useMemo 9:29:47 useCallback-Fetch Example Projects\ 9:33:15 Starter Project-Install and Overview 9:36:59 Birthday Reminder-Intro 9:37:35 Birthday Reminder-Setup 9:43:13 Birthday Reminder-Complete 9:49:23 Tours-Intro 9:50:24 Tours-Fetch Data 10:01:48 Tours-Display Tours 10:07:24 Tours-Toggle Info 10:13:01 Tours-Remove Tour 10:19:57 Reviews-Intro 10:20:20 Reviews-Info and React-Icons 10:26:30 Reviews-Basic Setup 10:35:23 Reviews-Prev and Next 10:41:58 Reviews-Random 10:47:06 Accordion-Intro 10:47:20 Accordion-Complete 10:57:11 Menu-Intro 10:58:00 Menu-Display Items 11:05:53 Menu-Buttons (manual approach) 11:10:43 Menu-all Button 11:13:18 Menu-Categories Buttons (dynamic approach) 11:21:50 Tabs-Intro 11:22:37 Tabs-Fetch Jobs 11:29:54 Tabs-Display First Job 11:36:30 Tabs-Display Buttons 11:43:27 Slider-Intro 11:43:54 Slider-Setup 11:54:46 Slider-CSS Overview