Best Free React Courses

Find the best online Free React Courses for you. The courses are sorted based on popularity and user ratings. We do not allow paid placements in any of our rankings.

React basic in just 1 hour [2021]

The quick guide to learn basic concepts and workflow of how to build React app

Created by Leo Trieu - Founder at Code4Startup


Students: 116353, Price: Free

This short course will cover basic and core concepts that you need to know to get up and running with ReactJS.

React JS is a Javascript library for building user interfaces. It's flexible, fast, easy to learn and fun to work with. ReactJS is designed to make the process of building modular, reusable user interface components simple and intuitive.
React was developed at Facebook and focuses on the 'View' aspect of MVC in web applications. React was built for the purpose of developing applications that are large in nature and have to deal with time changing data.

Also in this course, it will get you up to speed quickly with easy to follow short videos. It is project-oriented with hands-on examples, from simple to complex, that will help you with the most fundamentals concepts of React:

  • React custom syntax and the JSX transform

  • components, properties and state

  • The power of the virtual DOM

Topics include:

  • Compiling JSX to plain JS

  • introduction to Npm react-tools

  • Creating components

  • Using and populating properties

  • Adding and using state

  • Handling events

By the end of this course you'll be able to

  • Learn basic concepts like components, states, props, lists, events, forms

  • Put basic concepts into action by building apps like QR Code Digital Menu app.

  • And you will learn how to deploy react applications on the internet

React vs Angular vs Vue.js by Example

Decide for yourself which you like the best.

Created by Gary Simon - Professional Freelance Designer & Course Instructor


Students: 77585, Price: Free

With all of the various javascript libraries and frameworks, you might be a little bit confused as to where to begin. Right now, the three powerhouses in the javascript world are React, Angular and Vue.js.

Sometimes, the best course of action is to make up your own mind based on your own experiences.

And that's exactly what this course will aim to do. We're going to design and develop a single app in React, Angular and Vue.js.

The goal here is to help you determine which workflow you like best based on your own needs and preferences.

The following is the basic flow of what we're going to learn in React, Angular, and Vue.js:

  • Installing & Getting Started with a Project
  • Component Structure
  • Templating
  • Styling
  • Integrating CSS Frameworks
  • Working with API's

This will help you get a solid start with each of these javascript technologies, to the point at which you will walk away with your own opinions.

So, if you're ready to learn, let's get started!

React JS Frontend Web Development for Beginners

Learn React JS along with Modern JavaScript from absolute scratch. This course is a getting started guide for beginners.

Created by Ryan Dhungel - Web Developer


Students: 59481, Price: Free

Course Update: Get up and running with React Hooks building a News App

Welcome to learn React JS Frontend Web Development for absolute beginners. In this course you will learn the core fundamentals of React JS and Modern JavaScript so that you can start building lightning fast web apps using React JS.

In this course, you will learn Modern JavaScript and React JS from absolute scratch. you will learn to make AJAX requests to get data from remote API and display into your web application.

So if you are ready to learn React JS, which is one of the most exciting technology of recent time. please enroll into this course. thank you

React with Redux, React-Router, Hooks and Auth0

Learn the complete React-Redux front end system.

Created by Mohammad Iqbal - Full Stack Developer at Coding Spectrum


Students: 43663, Price: Free

Why this course?

Other courses have made partial updates to older techniques and code, but this course is built from the ground up to include the most latest code and techniques from 2019+. You are getting the complete integrated modern techniques and code for React and Redux that are used in development today.

You don’t want to learn older code and techniques, then end up looking foolish in job interviews.

Instead of surface level explanations we will going in dept and seeing how these technologies work under the hood.

You will gain the necessary skills and knowledge to build any sort of front end app with React and Redux after this course.

React is the Present and Future

Demand for React is already at an all time high and will continue to grow for the foreseeable future. Learn the hottest front end framework since Jquery.

Get instant support directly from the author.

I will be here to guide you every step of the way. If you are confused simply post a question in the forum and I will personally answer it for you. I will try to answer your question within 1 business day.

I guarantee that this course will be worth your time or your money back. See you on the inside.

React Fullstack with node/express, PostgreSQL and AWS

Learn how to setup a React Fullstack app on AWS with a PostgreSQL database

Created by Mohammad Iqbal - Full Stack Developer at Coding Spectrum


Students: 42794, Price: Free

Learn the Most used technologies currently in web development

AWS is the most used Cloud computing platform by far, with over 30% market share.

PostgreSQL is the one of the most popular SQL based database engine in the world.

I dont think I need to say anything about React.

We will begin with the basics, then move onto setting up the database. We will setup the Express routes which will allow us to communicate with our database. Then we will build out the client side blog using React components. We will animate the posts and comments, then move onto something more difficult. We will begin AWS. I will give you a detailed explanation of how AWS works then we will go into a complex deployment with AWS.

React Fundamentals

Learn the fundamentals of React and start your journey with this amazing library

Created by Edvinas Daugirdas - Software Engineer


Students: 36047, Price: Free

This is a short introductory course which will teach you the magic of React. React is a JavaScript library, which lets you build user interfaces using separate components.

You'll learn how to set up your own React environment in just matter of minutes and learn such concepts as:

  • React elements
  • JSX
  • Components
  • Props
  • State
  • Lifecycle methods
  • Containers
  • Form and input managing 
  • Conditional Rendering
  • React Router V4

Typescript with modern React (i.e. hooks, context, suspense)

Adding typescript to a modern react project with hooks (useState, useContext, useEffect) and code splitting with lazy.

Created by Richard Oliver Bray - Web developer, content creator


Students: 28164, Price: Free

In this course you will learn how to add typescript to a create-react-app project as well as adding it to a react project from scratch with webpack and babel. You will learn a bit about react hooks, (useState, useContext, useReducer and useEffect), in a react typescript project as well as using suspense to lazy load a component. We will also attempt to recreate redux, (or the redux principles) with useReducer and Context.

This course is at an intermediate/advance level and assumes you have used React and Redux before, however you don't need to know any typescript for this.

Secure Your ReactJs Applications With Auth0

Easily Add Authentication To Your ReactJS Application

Created by Joel Lord - Javascript junkie, technology enthusiast, tinkerer.


Students: 20186, Price: Free

In this course, the students will learn how to build a basic React Js application and how to add authentication to it by using the free Auth0 service.  Starting with a blank application from create-react-app, three routes will be added so the users can login, logout and view their profile.

Build a Pet Hotel web app with React using ScaffoldHub

Learn how to build a Pet Hotel web app with React, NodeJS, SQL, MongoDB or Firebase Firestore using ScaffoldHub

Created by Felipe Lima - Founder/Developer at ScaffoldHub


Students: 19629, Price: Free

Learn how to build a Pet Hotel web application with React, GraphQL, NodeJS, SQL, MongoDB or Firebase Firestore using ScaffoldHub.

The course uses ScaffoldHub to create the initial application and then we deploy it in the cloud. After we explain the basics of Javascript, React, Redux, React Router, Formik and Yup. GraphQL, Sequelize (SQL), Mongoose (MongoDB) and Firebase Firestore, and finally, how the application is customized to attend all the Pet Hotel needs.

React.js, quick start

Up and run with React.js quickly

Created by Sepehr Esmaeili - Software Developer and Architect


Students: 18665, Price: Free

I've heard people saying: "React is the best thing happened in the world of web development."  Well, I let you judge if it's the best thing or not, but it definitely is a good thing. At least having it in your resume, can be the best thing happened in it.

If you have not checked Wikipedia yourself, let me paste it here for you:

"React (also known as React.js or ReactJS) is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies."

Coming from  Facebook, you can guess it's easier than other similar libraries which it is, but also if you seriously think of competing with Facebook in business, go and use another framework or at least check with your lawyer before using it and I mean it ;)

If you still doubt if you should learn it or not, let me be honest with you. You make a good money out of it, so come on, learn it. And in this course I have done my best to help you up and run your React app as soon as possible.

To start this course you need to:

  • Be a developer or if you are not know web development.

  • Know programming and of course Html and CSS.

  • Know basic JavaScript.

  • But you will learn ES6 and ES7 during the course.

So let's start it

Build your first React JS Application

Learn the most popular JavaScript framework on the web by building your first React web app

Created by Quentin Watt - Full Stack Web Developer, Ringier South Africa


Students: 18088, Price: Free

React JS, built by Facebook is the most popular JavaScript framework. Take a project based approach to learning, by creating your first React Application.

In this course we'll build a mobile first web application that covers topics such as:

  • Creating a React single page app with npx create-react-app

  • JavaScript configurable CSS

  • Animated components

  • React Router

  • HTTP requests with Axios

  • Creating your own custom hooks for React

[NEW] GraphQL in React.js and Node.js

The modern way to build API's

Created by Daniel Arzuaga - Daniel Arzuaga: Programer, Dr, Esq, Chief Engineer at NASA


Students: 17298, Price: Free

Learn everything you need to create a GraphQL API on the server in Node.js with Apollo Server. You'll start with a schema that includes type definitions, queries, and mutations. Then, build the resolvers needed to get the values for the API. Finally, move onto advanced features like interfaces and unions, all the way down to how relationships work in resolvers.

Learn to use GraphQL on the client-side using React with Apollo Client. In this course, you'll use queries and mutations to fetch and update GraphQL API data. You'll go further with variables, inputs, aliases on fields. Then attach your queries and mutations to React and interact with an Apollo Server using React hooks to build amazing things with React and GraphQL!

Perfect React JS Course for Beginners

Essential React Js Course

Created by Paul Carlo Tordecilla - Professional Full-stack Developer and Teacher


Students: 15622, Price: Free

What will you gain about this course?

  • You will learn everything from scratch
  • Learn fast with 95% hands on coding.
  • You can create real time apps using React JS

Welcome to Perfect React JS Course - Understand Relevant Details

This course is awesome because you will learn ReactJS on hands on. Yes its real more hands on.

React JS is made by Facebook and Instagram is using it and React JS is a javascript library. 

This was perfect course for beginners.

What will you get in this Course?

  1. standalone files
  2. Element DOM App
  3. Real Time App
  4. Ordered List
  5. Conditional
  6. Multiple Component
  7. Onclick event handling
  8. Increment Application
  9. Inline style
  10. Initial State
  11. Parent Component
  12. Ref attributes
  13. Onchange Text
  14. and Many MORE...

Get this course today and be life changing careers.

The quicker you get this course the quicker gain Perfect React JS Course - Understand Relevant Details.

Thank You :D

Next JS with React Hooks – Building SSR React Applications

Get up and running with React Hooks and Next Js in a Day. Learn to build Server Side Rendered (SSR) React applications.

Created by Ryan Dhungel - Web Developer


Students: 13539, Price: Free

Learn Next JS with React Hooks so that you can start Building SEO friendly, SSR - Server Side Rendered React Applications.

In this course, you will learn React hooks and Next Js building 6 Mini Projects. By the end of this course, you will be fully comfortable to start off your next big project using React Hooks and Next Js so that you application is Server Side Rendered and SEO Friendly.

My focus in this course is to get you up and running with React hooks and Next Js as soon as possible with clear cut understanding, so that you can start building SSR react apps using hooks in a matter of days.

Level up your React skills with this short and easy to follow along course in a matter of days!

React – Build your React App fast using React Design System

Create a beautiful React website fast as never before using Creative Tim Argon Design System for react completely FREE

Created by Icaro Lavrador - React, JavaScript, Node, Swift Expert | 25+ years Experience


Students: 11555, Price: Free

Have you ever try to create a website from scratch, just to, in the end, find out that many inconsistencies in your design? Like 3 or 4 different OK buttons on your app, different shades of color in another, and the list goes on.

If you like me, you won't even notice until someone calls out your attention, and you will keep asking yourself, "How did I miss that?". And I can tell you why because you didn't use a Design System (or at least not the right one).

Design Systems can make your site look consistent and a lot more professional and faster to code.

Imagine having some of the best designers in the world to create your components for you, and have them choose the best colors to use and why not some incredible fonts and icons. Well... imagine no more.

Creative Tim offers all that and more. Using Creative Tim, UI Kit, and Themes, is like having access to the best designs on the cheap, actually sometimes, like on this course completely FREE!

Now we will learn to take full advantage of the Argon Design System, not only to create BEAUTIFUL sites but also to do it FAST.

Come with me on this amazing adventure to create a fully functional Portfolio page that will impress you in just a few hours.

For a limited time, not only you can get this course FREE but also get FREE access to the Argon Design Systems from Creative Tim


So don't wait to ENROLL NOW.

React Hooks and Context (with React-Redux migration guide)

Learn the future of React and how to migrate your existing Redux code

Created by Mohammad Iqbal - Full Stack Developer at Coding Spectrum


Students: 10879, Price: Free

React Hooks?

React Hooks are the biggest fundamental change to React since React Fiber in Late 2017.

Previous tutorials with Redux and older patterns are becoming obsolete. Stay competitive and learn the current and future version of React.

I will show you how to migrate from React-Redux to React hooks without changing any of your Redux Code

What this course will cover?

We will begin with a detailed explanation about each of the major hooks. Then once we understand the hooks at a deep level we will begin coding.

I will give a detailed explanation of React hooks then we will go over how to integrate React Hooks into existing React - Redux projects. We will build these hooks from scratch so you will get the best of both worlds.

We will cover all the major hooks and I will show you how to write them in code.

By the end of the tutorial you will have the building blocks necessary to build complex apps.

React – The Beginner’s Course 2021

Learn React JS from absolute scratch by building your first React web app.This course is for absolute beginners.

Created by Anton Francis Jeejo - Professional Web Developer and Instructor


Students: 9535, Price: Free

Welcome to learn React The Beginner's Course for absolute beginners. In this course you will learn the core fundamentals of React JS so that you can start building lightning fast web apps using React JS.

In this course, you will learn React JS from absolute scratch. You will also learn how to use React Hooks and create functional components.

React is a very easy to learn and powerful language. If you have no previous knowledge or experience in React, you will like that the course begins with React basics. otherwise if you have few experience in programming in React, this course can help you learn some new information .

React is all about components - basically custom HTML elements - with which you can quickly build amazing and powerful web apps. Just build a component once, configure it to your needs, dynamically pass data into it (or listen to your own events!) and re-use it as often as needed.

So if you are ready to learn React JS, which is one of the most exciting technology of recent time. Please enroll into this course. Thank you.

By the end of the course, you can build amazing React (single page) applications!

Who's teaching you in this course?

My name is Anton Francis Jeejo, I'm a freelance web developer and worked with React in many projects. I'm also a 4-star rated instructor here on Udemy. I know what I'm talking about and I know where the pain points can be found.

It's my goal to get you started with React as quick as possible and ensure your success. I made sure to also share knowledge that's helpful to beginners.

Is this course for you?

This course is for you if ...

  •'re just getting started with frontend/ JavaScript development and only got the JS basics set (no prior React or other framework experience is required!)

  •'re experienced with Angular or Vue but want to dive into React

  • ...know the React basics but want to refresh them and/ or dive deeper

What should you bring to succeed in that course?

  • HTML + CSS + JavaScript knowledge is required. You don't need to be an expert but the basics need to be set

  • NO advanced JavaScript knowledge is required, though you'll be able to move even quicker through the course if you know next-gen JavaScript features like ES6 Arrow functions. A short refresher about the most important next-gen features is provided in the course though.

Your custom React component

Create your custom, reusable React component with Webpack and Storybook.

Created by Dávid Csejtei - Senior Software Developer


Students: 9368, Price: Free

Hello I am David!

The thing is that you and your team can save many times with making your own UI kit from separated React components. It can reduce the number of the bugs or the improvement time. The first step towards a UI kit is the ability of creating a custom React component.

I made this course to show you how to make your own React component. In this course you can learn build your component with Webpack, the Npm package publishing process, the demo site creation and some additional tricks.

So let the fun begin!

The Beginner’s Guide to React

Become a junior react developer and find a job in more than 22 web development job opportunities around the world

Created by Bassir Jafarzadeh - Programming Instructor


Students: 7926, Price: Free

Hello and Welcome to my coding course, React the beginner guide.

In this course you will learn the essential tools and skills to design, develop and deploy React applications from scratch.

My name is Basir and I'll be your instructor in this course. I have

- 17 years of programming experience in international companies like ROI Vision in Montreal

- and now I am a coding instructor on Udemy with 23k students.

I designed this course for anyone seeking to learn react from concepts to applications.

By the end of this course you'll be able to

- learn basic concepts like components, states, props, lists, events, forms

- put basic concepts into action by building apps like todos app.

-  and you will learn how to deploy react applications on the internet

You need to open the code editor along with me and start coding through this course

I teach you

- installing vs code and its extensions to code like professional developers

- incorporating react concepts in a todo application

- and publishing your works on the net using github pages.

This course is for all-levels developers who want to be a

junior frontend developer and find a job in more than 22M job opportunities around the world

No requirement is necessary for this course and having a passion for coding is enough.

Feel free to take a look at the course preview and enroll if it is along with your ambitions.

Create a tiny app with React Native

Get started with React native with a tiny application

Created by Coding Revolution - Professional Instructor and Web Developer.


Students: 6894, Price: Free

So you want to finally start with react native ? this is the course for you.

We will create a tiny React Native application so you can get started and realize that creating apps its super easy with React.

The app calls "Who pays the bill ?", the user can create a list of players and at the end we will randomly pick one and show the Looser.

On this one we will practice validation, toasts, state with context, we will use libraries, install fonts and more.

What about the instructor experience ?

Well I've been around for 13 years now, built lots of applications for small projects and big companies like Citi, Fox, Disney and a lot more.

Today I work as a developer for a major company developing applications on React , Angular and Vue, but I like to teach in my spare time.

How about the target audience?

  • This course is for everyone, no coding experience required.

  • If you want to take your coding to the next level, this is the course for you.

Creating Single Page Apps using ASP.Net Core and React

SPA using ASP.Net Core and React

Created by SkillBakery Studio - Start Learning Today...


Students: 6881, Price: Free

In this course, we will be learning how to build a single page web application using ASP.Net Core and React.

We will also cover how a sample SPA can be created using ASP.Net Core and Vue framework.

The course will basically cover the following topics of interest

1. How to Setup a SPA Project

2. Exploring the file structure of the project

3. ASP.Net Core Services - Node and SPA Services

4. Fallback Routes

5. Working with Database

6. Publishing your SPA application

So what are you waiting for let's get started

React Clarified: Building a Game in React

You will learn the basics of React in the shortest time possible.

Created by Tom Bowden (AutoScreencast) - App Developer & Designer


Students: 5838, Price: Free

We will be building a simple game during this tutorial. The techniques you’ll learn in the tutorial are fundamental to building any React apps, and mastering it will give you a deeper understanding of React.

This beginner tutorial is based on React’s official documentation.

The videos in this course are short and to the point. No unnecessary chit-chat. No mistyping. No humming and hawing. Just the facts and the code. You’ll waste no time and learn what you need to know in the shortest time possible.

Get started with React now!

The GraphQL Apollo (with ReactJS, NodeJS and MongoDB)

Learn GraphQL & Apollo Client by making a movie application with ReactJS & MongoDB.

Created by Mohd. Raqif Warsi - MERN Stack Web Developer & Networking Enthusiast


Students: 5736, Price: Free

Make a MERN Movie Maker app and learn about GraphQL, Apollo Client-Server, ReactJS, and MongoDB.

You will learn :

What is GraphQL

You will understand the need for GraphQL and the problems it solves nowadays.

How the GraphQL works

You will also learn how GraphQL works by looking at the various aspects like writing and firing Graphql queries, the syntax of the queries, making mutations, and more with GraphQL.

Testing the GraphQL queries

You'll also learn to use the GraphiQL tool for testing and understanding how the GraphQL queries are made and structured.

How to integrate GraphQL with ReactJS by Apollo

You will now be able to make and fire the GraphQL queries from your React front-end by connecting the GraphQL with ReactJS with the help of Apollo Client.

Storing the GraphQL data to the MongoDB database server

Storing all the data to MongoDB Atlas becomes very easy with the involvement of NodeJS. GraphQL stores and fetches data from the MongoDB atlas.

and much more...

React Basics for Beginners

React Components and JSX

Created by Web University by Harsha Vardhan - MS Certified Trainer | 51000+ Happy Students


Students: 5074, Price: Free

This is the React course for beginners which covers basics of React.

You will understand the following topics:

  • Introduction to React

  • Creating React App

  • Creating React Components

  • Rendering data in React Components

  • Virtual DOM

  • Load Bootstrap in React

  • Update React Component State

Since free courses can be of maximum of 2 hrs, we can't cover more topics in this course.

If you need a comprehensive course of React, you can checkout my React Premium course called "React for Busy Developers", which covers all essentials of React with a Live e-Commerce project along with React Hooks.

Important Points about this course:

  • This course doesn't cover any live projects.

  • You can't access Q&A in free courses. If you enroll in paid course, you can access Q&A; so that you can get help from the Instructor if you stuck up at coding problem or if you have any other doubts.

  • This course doesn't provide any live project.

  • This course doesn't provide any assignments / exercises.

If you demand Premium content for free, please stay away.

React Clarified: “Thinking in React”

Improve your understanding of React

Created by Tom Bowden (AutoScreencast) - App Developer & Designer


Students: 4260, Price: Free

In this short video course, we will build a simple user interface using React, in just over 30 minutes. We will focus on how to think about building user interfaces using React.

This course is based on the excellent “Thinking in React” article on the official React documentation site. It is suited for those who learn better by following screencasts than reading documentation.

Please note that this is not a course for complete beginners. If you have dabbled in React before, but have some difficulties understanding React, then this short course is right for you.


- Basic HTML, CSS, JavaScript ES6 (especially arrow functions)

- Basics of React, including hooks (especially the “useState” hook)

React with Hooks for Beginners – 2021

Learn the fundamentals of React and React Hooks and create your own React apps

Created by Moath Z. - Full-Stack Developer


Students: 2047, Price: Free

React is the most popular JavaScript library of the last five years, and the job market is still hotter than ever. Top companies like Facebook, Microsoft, Instagram, PayPal and Twitter are using React in the development of their tools and apps, so there's no reason not to learn it.

In this course we will be learning the fundamentals of React such as components, handling forms and more, and we will be digging into the world of hooks. We will be explaining the basic hooks that are commonly used. And last but not least, we will be learning how to deploy our app online so everyone, including friends, can see it.

So in summary, in this course we will talk about:

  • React fundamentals

  • React hooks

  • How to create your own React apps

  • How to deploy your React apps

There are no prerequisites. Just a basic understanding of HTML and, because you're learning React, you should have a bit of knowledge of JavaScript with its new standards (ES 2015+).

Am I eligible for this course? Yes, if you are one of the below:

  • Programmers looking to learn React

  • Programmers tired of writing jQuery code and want to step up their skills.

  • Hobbyists that are trying to learn React

  • Programmers looking to start into freelancing

Learn the fundamentals of React JS creating a contact list

Create a user list with loader using React JS, material ui and api

Created by Dr. Sahand Ghavidel - Web Developer


Students: 1671, Price: Free

Welcome to the top course for learning the fundamentals of React JS.

This React.js course is created to help you get familiar with the basic essentials of the modern React JS.

At the end of this course, you'll be capable of coding a simple React JS project which is used in real-world applications. This simple app creates a user or contact list and can be used in many practical websites and applications .

This React.js course begins with a straight and easy guideline on how to install all the necessary software including VScode and npm. And, then you are going to learn about the basics of react JS and how to create a simple app. Once you master these basic skills, you'll then begin to work on the contact list react project.

This project will teach you several react JS skills such as react components, react properties, react hooks, material ui, and all the essential JavaScript methods like map. It is absolutely fine if you have no prior knowledge of React JS. An overview to React JS and its essentials are provided in this course. This short course will teach you about React.js while building a simple but real-world application.

If you are excited as I am to learn about the fundamentals of React JS and build a wonderful web application, then let’s get started.

Introduction to REACT to FILM – Middle School

Expose. Engage. Inspire.

Created by REACT to FILM - Action Civics Course Empowering Middle/High School Students


Students: 1037, Price: Free

Are you a middle school teacher looking to integrate film and social justice into your curriculum? Are you a parent who would like to supplement your child's education with additional online civics resources? This course will kickstart your student's REACT to FILM experience.  It will prepare your student with the foundation needed to further explore social issues including race, gender, the environment, gun violence, and more through watching and reacting to social issue documentary films.  Start here to learn what documentary film is, some background on human rights, and how to look out for bias to evaluate content critically.

React Hooks Tips Only the Pros Know

Learn all the ins and outs of React hooks with TypeScript

Created by Maurice de Beijer - React rocks


Students: 1000, Price: Free

Are you loving React but new to the Hooks API? Are you already using React Hooks but not sure you are doing the right thing? Or maybe you are sometimes getting tripped up by some of the React Hooks details?

The addition of the Hooks API to React was quite a major change. Before React Hooks most components had to be class based. Now, with hooks, these are often much simpler functional components. Hooks can be really simple to use. Almost deceptively simple. Because there are still plenty of ways you can mess up with React Hooks. And it often turns out there are many ways where you can improve your components by a better understanding of how each React Hook can be used.

In this course we are not just going to look at how to use React Hooks. We are also going to go behind the scenes and dive into the source code of React and the React ESLint rules to see why hooks work the way they do.

My name is Maurice de Beijer and I love React. I have been using React Hooks since they first shipped. In this video course I would like to teach you all about using React Hooks. During this course you will learn quite a few things. You will learn all about the pros and cons of the various hooks. You will learn when to use useState() versus useReducer(). We will look at using useContext() efficiently. You will see when to use useLayoutEffect() and when useEffect() is better. We will also cover creating several reusable custom hooks. In the last section we will combine all we learned into a more complete utility library to show how it all comes together. And I will be using TypeScript in most of the course so maybe you can pick up a few tips there as well. So come and join me with your laptop in this interactive course.

Is this course for you? Never worked with React hooks before? No problem, we will start from the beginning. Already using React Hooks a bit but want to learn more? Sweet. New to TypeScript? No problem. Do you have a reasonable understanding of React? Great, you have the prerequisite knowledge. Also have a computer with a modern browser and code editor? Super, you are all set to get started.

Learn React from Excalidraw

Lean by reading code written by the best react developers in the world

Created by Nick Okapi - Teacher


Students: 452, Price: Free

In this course you will see how a popular open source project called Excalidraw is built using React.

Excalidraw is a virtual whiteboard. It was started by one of the developers who is part of the React core team.

Why not learn React by examining Excalidraw's code then?

If you have read some basic React tutorials and now you would like to see how React is used in real life, this course is for you.
Reading code is one of the best ways to become a better developer.