React Crash Course 2020 - Learn React in 1 video + Projects

This is a React crash course covering React fundamentals and a lot of fun things - including two full projects at the end helping you to solidify your learning, featuring Semy Colon.

React Mastery Learning Path: https://codedamn.com/learning-paths/react-mastery

Check his channel and give him some ❤️️: https://www.youtube.com/channel/UCQM4dR3UREnGIHz93zRw_0Q

Timestamps
00:00 Crash course Introduction
00:46 Introduction to React
01:45 Setting Up
06:27 Hello World Explained
08:53 File Structure
14:41 Components
19:56 JSX Expressions
25:47 Events In React
29:45 Stateful Components - useState
36:28 Why JSX Expressions
39:56 Forms In React
47:21 Conditional Rendering
52:50 Props
58:24 Props Again
01:02:05 Lists In React
01:08:05 React Routing Intro
01:15:32 Link component
01:19:39 Parameterized Routing
01:23:56 useRef
01:27:34 useEffect
01:37:08 Intro To Context API
01:41:55 useContext
01:46:58 New Project
01:50:33 Setting Up Material UI
01:54:28 Material Header
02:02:25 Movie Api
02:14:58 CSS In TS
02:18:57 Adding Loader
02:22:43 Search With Header
02:31:58 Typing
02:35:14 New Project - Fully Featured Modern React
02:43:45 Create React App And Folder Structure
02:51:34 React Router Tutorial - Application Routes
03:04:39 Axios Tutorial With React Environment Variables
03:15:38 Semantic UI React Tutorial
03:29:00 Context API Setup (Multiple Reducers)
03:40:33 Semantic UI Form, Registering A User 1
04:01:46 React Authentication (User Registration) 2
04:30:04 React Authentication (User Login)
04:45:42 React Authentication (route Protection)
04:52:39 React Authentication (Axios Auth Interceptor)
05:03:31 React Router Tutorial Setting Document Titles
05:06:53 Context API + fetch API
05:28:40 React Authentication (user Log Out)
05:37:17 Semantic UI (creating The Contact Form)
05:53:47 Making A Post Request To A Rest API
06:17:37 React Router Prompt Example
06:26:00 Custom Confirm Prompt Example
06:40:19 React Firebase Tutorial How To Store And Retrieve Images
07:08:14 React Context API Tutorial API Request Optimisation And Enhancements Tutorial
07:15:02 React Components Tutorial Creating Image Thumbnails
07:25:40 Create A Carousel Slider From Scratch
07:47:26 Custom Carousel Slider Enhancements
07:51:28 React Context Api Search Filter Tutorial Implementing Global Search
08:04:46 React Context API Search Filter Global Search Feature Enhancement
08:08:26 React Context API Tutorial Deleting Items From API And State Tutorial
08:22:05 React Context API Tutorial Editing Items
08:38:40 React Lazy Loading Tutorial With React Suspense
08:43:09 How To Deploy Create React App To Netlify


If you found the video valuable, please leave a like and subscribe ❤️ It helps the channel grow and helps me pumping out more such content.

About Me:
I'm a CSE'21 graduate from BITS Pilani, Goa. I started coding early in life, at the age of 13 when I created my first blog on Blogger. I am listed in Google, Microsoft, Sony, eSet, etc. Hall of Fame for reporting vulnerabilities in their systems.
I am Apple's WWDC'19 Scholar - visited San Fransisco and attended WWDC. Currently working on my own startup - codedamn.
I am an author of 2 books, on JavaScript and React - https://www.amazon.in/s?k=mehul+mohan​

Connect with me:
📸 Instagram: https://instagram.com/mehulmpt​
📱 Twitter: https://twitter.com/mehulmpt​​
📝 LinkedIn: https://www.linkedin.com/in/mehulmpt​
👻 Snapchat: https://www.snapchat.com/add/mehulmpt​
📂 GitHub: https://github.com/mehulmpt​
🌎 Personal website: https://mehulmohan.com​
💻 Learn to code: https://codedamn.com​

Check out my other personal YouTube channel (it is in Hindi/English mix) where I share coding tips, tricks, and hacks: https://www.youtube.com/channel/UCzF68Hu6AqrqX_p-HHwZDqg

Тэги:

#react #reactjs_crash_course #react_crash_course #updated_react_tutorial #react_full #full_reactjs_learning #reactjs_crash_course_video #full_react_tutorial #react_videos #react_framework #react_tutorial #modern_reactjs #reactjs_for_beginners #learn_react #react_course #reactjs_tutorial #react_js_tutorial #reactjs_course #react_tutorial_for_beginners #reactjs_tutorial_for_beginners #react.js #learn_reactjs #angular #javascript #es6 #crash_course #web_development

Скачать видео