Categories
reactjs

✨Top resources to learn React.js [in no particular order]

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

Image description


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)

Image description

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)

Image description

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.

Image description

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)

Image description

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.

Leave a Reply

Your email address will not be published.