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.

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.

Connect with me:

[codedamn]

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.

Timestamps are in the description!

[TraversyMedia]

Geez man, 8 hours ? this is a full course not crash lol nice job 👍🏻

[SabinSipai]

finally a project which uses hooks in project . Thank You.

[Shakeel]

I am about an hour in to the course now and learned so much. By the end of the video, I hope I will pretty much confident to work in React. Thank you very very much, Mehul.

[XlewisX]

This is really useful!
Thanks alot for putting your time and effort into this, hope it blows up and you get many thousands more viewers, you deserve it!

[pedroignacio]

Man, i just want to say thank you for your hard work. I'm starting to learn react right now and i really like your teaching method. Thank you for this course. Best regard from Brazil. <3

[parinsheth]

Just 30mins into the course and you are the React Hero! 🙌😃

[habibulislam]

Wow.. nice. I have watched programming with mosh video before it. And now I am watching this. Everything is going to be clear like water.

[punkpannel]

I have been struggling to find at least a good tutorial on React but Man!! This is amazing. Definitely gonna buy your tutorials after finishing this course.

A million thanks to you !!

[nacholibre]

I have been searching high and low for tutorials on React. By far, your videos are the best!!!! Just sub. Thank you for these helpful videos and being so thorough. Things are finally clicking!

[siddharthmourya]

Please Release a PDF for this course, this course is just thanks for uploading.

[mythsaziv]

Thanks a lot..i was just about to start learning react after finishing node express and mongodb...perfect timing.so grateful to you Bro:3

[Virus-kexj]

Wtf..this is called a perfect content!
Would definitely refer this in the future for revision purpose ❤️❤️❤️❤️

[ErrorDebug]

Thank you so much! I still believe in humanity because of people like you <3

[ganeshs]

At the time progress 1:36 the counter value will change by updating the counter in second button from counter to counter2

[ijasdeen]

We love you 3000 times bro, thanks for such a awesome tutorial

[aloseun]

Thanks for making this video, the api is not working on my localhost but it is working on swagger and postman.

[mycodingjourney]

Thnaks a Lot man . Peoples like you encourage me learn always even how hard it is.

[piyushmahapatra]

Mehul bhai, Kya mast padhate ho bhai.
Mujhe React ata hai par, thode concepts missing thee, Sab samajh agaya.

Thanks Mehul Bhai!

[AnandhAdhithan]

Thanks friend. Really very good and covered all paths of hooks. Especially project is well explained.