Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks

Learn the basics of React in this comprehensive course. You will learn about fundamentals, hooks, context API, react router, custom hooks, and more.

React is one of the most popular ways to build user interfaces using JavaScript.

⭐️ Course Contents ⭐️
⌨️ (00:00) Intro
⌨️ (01:09) About React
⌨️ (06:51) Goals
⌨️ (08:50) Structure
⌨️ (09:46) Course Requirements
⌨️ (11:45) Dev Environment Setup
⌨️ (16:26) Text Editor Setup
⌨️ (18:20) Command Line Basics
⌨️ (25:00) NPM Basics
⌨️ (35:07) Create-React-App
⌨️ (37:05) Install Create-React-App
⌨️ (43:19) Folder Structure
⌨️ (52:25) Clean Boilerplate
⌨️ (54:00) First Component
⌨️ (1:04:13) Text Editor Setup
⌨️ (1:12:29) First Component In Detail
⌨️ (1:19:18) JSX Rules
⌨️ (1:28:55) Nested Components And Tools
⌨️ (1:34:50) Mini Book Project
⌨️ (1:42:59) CSS Basics
⌨️ (1:54:41) JSX Css
⌨️ (2:01:31) JSX Javascript
⌨️ (2:09:30) Props
⌨️ (2:25:41) Props Destructuring
⌨️ (2:29:44) Props - Children
⌨️ (2:36:13) Simple List
⌨️ (2:45:12) Proper List
⌨️ (2:52:49) Key Prop And Spread Operator
⌨️ (2:58:52) Event Basics
⌨️ (3:11:12) Import And Export Statements
⌨️ (3:23:25) Free Hosting
⌨️ (3:28:22) Advanced Intro
⌨️ (3:30:42) Get Starter Project
⌨️ (3:31:35) Install Starter
⌨️ (3:33:43) Starter Overview
⌨️ (3:39:00) UseState - Simple Use Case
⌨️ (3:48:44) UseState - Basics
⌨️ (4:00:47) General Rules Of Hooks
⌨️ (4:03:39) UseState - Array Example
⌨️ (4:17:27) UseState - Object Example
⌨️ (4:23:00) UseState - Multiple State Values
⌨️ (4:26:17) Simple Counter
⌨️ (4:32:10) Functional Update Form
⌨️ (4:44:55) Matching Project
⌨️ (4:47:27) useEffect - Basics
⌨️ (4:57:47) useEffect - Conditional
⌨️ (5:01:40) useEffect - Dependency List
⌨️ (5:07:13) useEffect - Cleanup Function
⌨️ (5:19:24) useEffect - Fetch Data
⌨️ (5:31:29) Multiple Returns
⌨️ (5:37:09) Multiple Returns - Fetching Data
⌨️ (5:52:07) Short - Circuit Evaluation
⌨️ (6:02:50) Ternary Operator
⌨️ (6:11:30) Show/Hide Component
⌨️ (6:20:15) Form Basics
⌨️ (6:28:53) Controlled Inputs
⌨️ (6:38:09) Add Item To The List
⌨️ (6:50:32) Multiple Inputs
⌨️ (7:06:29) useRef
⌨️ (7:16:20) useReducer - UseState Setup
⌨️ (7:29:52) useReducer - Refactor
⌨️ (7:37:15) useReducer - Add Item
⌨️ (7:53:14) useReducer - Remove Item
⌨️ (8:00:56) Prop Drilling -
⌨️ (8:14:36) Context API / - useContext
⌨️ (8:26:22) Custom Hooks - useFetch
⌨️ (8:38:09) PropTypes - Setup
⌨️ (8:47:48) PropTypes - Images
⌨️ (8:55:48) PropTypes - Default Values
⌨️ (9:00:41) React Router Intro
⌨️ (9:05:52) React Router - Basic Setup
⌨️ (9:15:50) React Router - Error And Switch Component
⌨️ (9:18:51) React Router - Links
⌨️ (9:23:22) React Router - URL Params And Placeholder
⌨️ (9:37:51) React Optimization Warning
⌨️ (9:49:50) useCallback
⌨️ (9:58:00) useMemo
⌨️ (10:04:15) useCallback - Fetch Example

--

[sediqkhan]

Freecodecamp be like "Here is how to build Boeing 737 in 100 hours".

Thank you, your work is valued and appreciated :)

[TheRana]

after three months I'm finishing this course and it's great, I went through depression, anxiety and so many other problems, but today I'm finishing this course.

[petrhanzl]

what i really appriciate about this course is that John deleted every file (except for index.js ofc) in the beggining. I always lose myself in these files and he really explains everything very slowly, which is very beginner friendly.
Thank you for that John!

[cryptoboy]

This is the most comprehensive course on React I've ever seen. After going through the whole video on youtube, I decided to buy the course to support the author. Thank you, John!

[hovhanneshovakimyan]

I just love how you explain things, and especially paying attention to small details wins this course for me! Amazing work!
A big thank you!

[benbar]

Awesome tutorial! Most other tutorials skip over important pitfalls, which slows down learning a lot. But John Smilga explains everything in a way that you have enough background knowledge to approach problems.

[Chris-fhqv]

This was an amazing tutorial, I started it way back in November last year. It was slow learning but the course was delivered in such a clear concise manner.

John is an amazing tutor and one that has a natural ability to teach. This course is far from outdated and is truly worth doing.

[mikayilaliyev]

This is not an ordinary React course YouTube full of. This is all-inclusive JS + React course with a lot of explanations, repetitive explanations I have to underline it, which is the best for beginners! I learned a lot about JavaScript here, not only about React. And also the mentor never skips parts needed to be explained, on the contrary, he explains every little fraction of the theory! Kudos! Thanks!

[debatrachatterjee]

Small tip for people who might get stuck in a place where I got stuck -- After downloading or cloning the react-advanced project from the github repository, before putting the npm install command it would be better to put the npm update command, as that will update all the packages mentioned in the json files to their latest versions. Without the update, the react development server might not launch (didn't launch for me at least :p)

This is a wonderful tutorial. I'm refreshing my advanced react concepts while watching this video and simultaneously doing the project video as well. Keep up the amazing work! <3

[dnguyendev]

Almost half way through the course. This is by far the best React Course online I've found. Thank you Sir, for all of your hard works!

[SamuelGuebo]

Went through the entire video. I'm really grateful that you took the time to split the concepts into pieces and explained them in detail. Thanks!

[Ajjones]

Wow, this course has taught me to have more confidence in myself. I originally didn't think I'd understand React. You were able to break through my learning curve. You're a great teacher. Thanks!

[lindiswamalizole]

Really really thank you. Your tone patience humor just made it easy for me to learn here 🙏

[ishaankamra]

The absolute best course out there on the internet you can find for react. Just finished watching it and I have to say it was worth watching every minute. A combo of epic explanation and coding A big thank you to @Coding Addict

[atharvapatil]

Oh my god! I have to admit, I spent nearly a month watching this tutorial until today. I finally ended watching the best React course available on YouTube! Really sir, thank you so much for making this informative content available for free!!! You are an awesome teacher.

[polinat]

As a person who was already a developer (but has just gotten into web development, ) this course was very informative. It covered core basic and advanced concepts with *amazing* efficiency I have only ever seen taught here. Don't get me wrong, the documentation for REACT is amazing, but I'm more of a learning-by-doing person. Learning REACT this way has been a lot better than struggling to read the documentation.

[shaiktibout]

This has to be one of the best tutorials I have seen in a while. I had 0 experience with ReactJS before jumping into this and just being halfway through I feel like I am ready to start building. Thanks a bunch for creating, it helped me tremendously!

[CurtisKnudson]

I just finished this 10 hour course. This was the best REACT course, and honestly, best coding course. It was fast, but informative. It touched on all the key points, and it even dove deeper into some advanced topics. I feel like I could apply for Facebook after having taken this course lol.

[SanjeevKumar-zdrf]

Amazing tutorial. The learning path is so logical and smooth that the learner neither loses the interest nor the track. For the first time ever I completed the whole video. it's far better than some of the paid tutorials on Udemy. Thanks a lot, John for such a wonderful tutorial. I will definitely check out your other tutorials.

[siriusa]

i found this content extremely informative. after a while its hard not to imagine Al pacino narrating this. 5 stars for content