✨Top premium courses to learn React.js
Tags: 100daysofcode, react, javascript, programming
Published: 2022-07-13 11:38:46

## Introduction

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6gr90qas0igqxbh0t23c.png)
 
React.js is the most popular JavaScript library you can use and learn these days to build modern, reactive user interfaces for the web. So you can create amazing, sleek looking user interfaces using this powerful tool and also it is one of the most preferred tools of freelancers for frontend development ! 

For free resources, you can check out my YouTube channel : 

https://youtube.com/thenerdydev 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1u4z1dcf3cj46ye74bnn.png)
 


**PS : I am not an affiliate of any of these resources/courses. These are just some of my personal recommendations if you are looking to learn React.**

## 1. React.js - The Complete Guide by Maximilian Schwarzmuller 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qabl6l0am4nvgkv0ebmi.png)

## Course link 
https://www.udemy.com/course/react-the-complete-guide-incl-redux/
 
This course teaches you React in-depth, from the ground up, step by step by diving into all the core basics, exploring tons of examples and also introducing you to advanced concepts as well.

You'll get all the theory, tons of examples and demos, assignments and exercises and tons of important knowledge that is skipped by most other resources - after all, there is a reason why this course is that huge! :)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/64i2kyj4fackl6kuzuh0.png)

## What you will cover?

1. A thorough introduction to React.js (What is it and why would you use it?)

2. All the core basics: How React works, building components with React & building UIs with React

3. Components, props & dynamic data binding

4. Working with user events and state to create interactive applications

5. A (thorough) look behind the scenes to understand how React works under the hood

6. Detailed explanations on how to work with lists and conditional content

7. React Hooks (in-depth)!

8. Working with built-in Hooks and building custom Hooks

9. How to debug React apps

10. Styling React apps with "Styled Components" and "CSS Modules"

11. Working with "Fragments" & "Portals"

12. Dealing with side effects

13. Class-based components and functional components

14. Sending Http requests & handling transitional states + responses

15. Handling forms and user input (incl. validation)

16. Redux & Redux Toolkit

17. Routing with React Router

18. An in-depth introduction into Next.js

19. Deploying React Apps

20. Implementing Authentication

21. Unit Tests

22. Combining React with TypeScript

23. Adding Animations

Tons of examples and demo projects so that you can apply all the things you learned in real projects and lots more. 

##  2. Build Web Apps with React & Firebase by Shaun Pelling (The Net Ninja) 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c5ph9yna1an0a2hdmn3t.png)

## Course link 
https://www.udemy.com/course/build-web-apps-with-react-firebase/
 
Shaun is one of the most popular web-development instructors who knows how to teach different web dev technologies in the most lucid manner with best and to the point explanations. He explains each and every concept straight to the point such that the student can understand the concept piece by piece to develop knowledge without going into much of technical jargon. 

## What you will cover ? 

1. Learn how to create modern & dynamic React websites from the ground up
2. Learn about Components, Props, Hooks, Context, State, Reducers & the React Router
3. Learn how to implement a database, authentication & file uploads with React & Firebase
4. Create & deploy fully fledged user-based React websites

## 3. Docs 

Lastly how can one forget the docs especially the latest ones that the React Team released, here is the link for the same : 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xrj3klzkxphtl8ibvjls.png)

https://beta.reactjs.org/ 

-- 
Support my channel:
💜 Join the Discord community 👨‍👩‍👧‍👦: https://discord.gg/fgbtN2a 
💜 One time donations via PayPal
Thank you! 🙏

---
Follow me on:
👉 Twitter: https://twitter.com/The_Nerdy_Dev
👉 Instagram: https://instagram.com/thenerdydev
👉 My Blog: https://the-nerdy-dev.com