Learn React, Redux, Typescript Bangla Tutorial in 23 hours part 1/2

🔴 In this video, I will share the first part of the complete React 18 tutorial. ⭐️ Video Contents ⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:00:46) Introduction to React ⌨️ (00:05:28) Environment setup ⌨️ (00:08:02) First React App (React 18) ⌨️ (00:17:22) JSX ⌨️ (00:26:32) CSS in JSX ⌨️ (00:35:45) Card design ⌨️ (00:41:00) Component ⌨️ (00:55:22) Props & destructuring ⌨️ (01:04:41) Map components ⌨️ (01:20:10) Mapping with a unique ID ⌨️ (01:27:06) Nested Mapping ⌨️ (01:32:54) Template for react project ⌨️ (01:40:48) Assignment-1 ⌨️ (01:50:15) Component under the hood ⌨️ (01:55:54) Class component ⌨️ (02:04:23) Developer tools and extensions ⌨️ (02:08:06) react-icons ⌨️ (02:14:58) Bootstrap styling in React ⌨️ (02:23:12) state, setState, event handler ⌨️ (02:38:40) Conditional Rendering - ternary, short circuit ⌨️ (02:54:28) Event Handler - onChange ⌨️ (03:05:47) Event handler binding ⌨️ (03:11:54) useState hook ⌨️ (03:22:03) Update state based on the previous state ⌨️ (03:33:14) Event Bubbling ⌨️ (03:40:48) Assignment-2 ⌨️ (03:45:38) Controlled component - get form data ⌨️ (04:02:39) useState with Object ⌨️ (04:12:35) State lifting | passing data from child to parent ⌨️ (04:24:05) More on state lifting ⌨️ (04:33:17) A basic todo app using state lifting ⌨️ (04:54:24) Project 1 - Todo App ⌨️ (05:43:52) Deploy project on Netlify ⌨️ (05:48:21) form with formik package ⌨️ (06:04:47) Validate form using yuk package ⌨️ (06:17:21) ref in a class component ⌨️ (06:26:27) useRef hook ⌨️ (06:35:00) State Toggle ⌨️ (06:43:05) Project 2 - FAQ App ⌨️ (06:55:39) Assignment-3 ⌨️ (06:57:48) Life cycle methods of a class component ⌨️ (07:07:44) useEffect hook ⌨️ (07:22:19) fetching data with useEffect (part-1) ⌨️ (07:32:03) fetching data with useEffect (part-2) ⌨️ (07:40:31) Custom hook ⌨️ (07:51:20) react-toastify ⌨️ (07:56:35) Assignment-4 ⌨️ (07:59:10) Assignment-5 ⌨️ (08:02:10) Project 3 - Country App ⌨️ (08:46:54) Dynamic styling ⌨️ (09:04:43) Fragment ⌨️ (09:10:38) PropTypes ⌨️ (09:25:47) useReducer hook ⌨️ (09:58:29) react-router - introduction ⌨️ (10:10:38) react-router - navigation & styling ⌨️ (10:21:00) react-router - dynamic routing ⌨️ (10:41:47) react-router - useLocation ⌨️ (10:47:34) react-router - route & query parameters ⌨️ (10:59:22) react-router - protected routing ⌨️ (11:17:17) Best folder structure for react app ⌨️ (11:28:01) JSON server ⌨️ (11:36:32) react memo ⌨️ (11:48:05) useCallback Hook ⌨️ (11:57:30) Outro 🔴 Subscribe for more videos: https://www.youtube.com/channel/UCEXwc6mNh7Lakj6lX-7a2Mg ✅ website: https://www.studywithanis.com ✅ Facebook: https://www.facebook.com/anisul2010s ✅ Facebook page: https://www.facebook.com/studywithanis/ ✅ LinkedIn: https://www.linkedin.com/in/anisul2020/ ✅ GitHub: https://github.com/anisul-Islam 🛑 Web development? Checkout following playlists : 👉 Full-stack web development Series: https://youtube.com/playlist?list=PLgH5QX0i9K3p06YY1fyReA2UK8mh_zsiY 🛑 Programming languages? check out the following playlists: 👉 C programming: https://youtube.com/playlist?list=PLgH5QX0i9K3pCMBZcul1fta6UivHDbXvz 👉 C++ : https://youtube.com/playlist?list=PLgH5QX0i9K3q0ZKeXtF--CZ0PdH1sSbYL 👉 Python: https://youtube.com/playlist?list=PLgH5QX0i9K3rz5XqMsTk41_j15_6682BN 👉 Java: https://youtube.com/playlist?list=PLgH5QX0i9K3oAZUB2QXR-dZac0c9HNyRa 🛑 Android development? check out the following playlists: 👉 Android development series: https://youtube.com/playlist?list=PLgH5QX0i9K3p9xzYLFGdfYliIRBLVDRV5 🛑 HSC Students? Are you worried about ICT? I have created 377 videos for you. check out the following playlists- 👉 ICT (HSC) Series- https://youtube.com/playlist?list=PLgH5QX0i9K3o8Y-CKhmyodbfHAc9VSVOv 🛑 CSE Students? checkout following playlists : 👉 Discrete Math Series: https://youtube.com/playlist?list=PLgH5QX0i9K3rYy9DVhk28m8enSo8xxiZ3 👉 Theory of Computation (TOC): https://www.youtube.com/playlist?list=PLgH5QX0i9K3qw5pu16QgnKNj91Rnjoyd0 👉 Compiler: https://www.youtube.com/playlist?list=PLgH5QX0i9K3oWTwTgILA7v9oysoDgkJDg 👉 Operating System: https://www.youtube.com/playlist?list=PLgH5QX0i9K3r_SuT0AnOEoElfQQPgkBIq 👉 AI Bangla: https://www.youtube.com/playlist?list=PLgH5QX0i9K3oFAaeJxjDWA8kEbMutzV6V 👉 AI (English): https://www.youtube.com/playlist?list=PLgH5QX0i9K3rRVV7oeML93OVAxqQ-CvzV 👉 Numerical Method: https://www.youtube.com/playlist?list=PLgH5QX0i9K3oKFrSOo4Kwns1-vTZmKQ7z 👉 Networking: https://www.youtube.com/playlist?list=PLgH5QX0i9K3p5OI88r3ob-otmKqIm_DbS #anisul_islam #web_development #bangla_web_development #react_anisul_islam #react #react_bangla_tutorial