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