Hey everyone 👋🏻,
I recently wrote an article where I mentioned about React Projects Every Beginner Should Try : https://dev.to/thenerdydev/10-react-projects-every-beginner-should-try-fk9.
In this article, I will be mentioning the top 5 resources that I highly recommend if you want to learn React.js.
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.
Introduction
React.js is a frontend JavaScript library for building amazing, sleek and performant user interfaces specifically for single page applications a.k.a SPAs. It is used for handling the view layer for web and mobile apps. React allows us to compose the entire user interface using the basic building blocks that are called as components.
Here are the top 5 recommendations (in no particular order) of the courses that you should definitely check out for learning React.
1. Build Web Apps with React & Firebase by Shaun Pelling a.k.a The Net Ninja (rated 4.8)
Shaun is a gifted teacher. He knows how to explain stuff in a very easy and lucid manner. This course will definitely take your knowledge to the next level if you are looking to learn this specific technology.
Here is what this course covers
Learn how to create modern & dynamic React websites from the ground up
Learn how to implement a database, authentication & file uploads with React & Firebase
Learn about Components, Props, Hooks, Context, State, Reducers & the React Router
Create & deploy fully fledged user-based React websites
Course Link :
https://www.udemy.com/course/build-web-apps-with-react-firebase/
2. React.js – The Complete Guide by Maximilian Schwarzmuller ( rated 4.6)
This course as the name can probably tell you covers the internals of React in great detail. The course starts from the very basics like What React.js is and how it works and later on moves to more complex and advanced topics
Here is what this course covers
A thorough introduction to React.js (What is it and why would you use it?)
All the core basics: How React works, building components with React & building UIs with React
Components, props & dynamic data binding
Working with user events and state to create interactive applications
A (thorough) look behind the scenes to understand how React works under the hood
Detailed explanations on how to work with lists and conditional content
React Hooks (in-depth)!
Working with built-in Hooks and building custom Hooks
How to debug React apps
Styling React apps with “Styled Components” and “CSS Modules”
Working with “Fragments” & “Portals”
Dealing with side effects
Class-based components and functional components
Sending Http requests & handling transitional states + responses
Handling forms and user input (incl. validation)
Redux & Redux Toolkit
Routing with React Router
An in-depth introduction into Next.js
Deploying React Apps
Implementing Authentication
Unit Tests
Combining React with TypeScript
Adding Animations
Tons of examples and demo projects so that you can apply all the things you learned in real projects
and more …
Course Link :
https://www.udemy.com/course/react-the-complete-guide-incl-redux/
3. Complete React Developer in 2022 (w/ Redux, Hooks, GraphQL)
Become a Senior React Developer! Build a massive E-commerce app with Redux, Hooks, GraphQL, ContextAPI, Stripe, Firebase. This course is created by two instructors – Andrei Neagoie and Yihua Zhang who have working experience with some of the best US Startups and big companies.
Here is what this course covers
React Basics
– React Router
– Redux
– Redux Saga
– Asynchronous Redux
– React Hooks
– Context API
– React Suspense + React Lazy
– Firebase
– Stripe API
– Styled-Components
– GraphQL
– Apollo
– PWAs
– React Performance
– React Design Patterns
– Testing with Jest, Enzyme and Snapshot testing
– React Best Practices
– Persistence + Session Storage
– State Normalization
Course Link :
https://www.udemy.com/course/complete-react-developer-zero-to-mastery
4. React.js Documentation (a must thing to refer)
Docs link :
https://reactjs.org/docs/getting-started.html
So this is it for this article. Thanks for reading.
Don’t forget to leave a like if you loved the article. Also share it with your friends and colleagues.