Save for later

React - The Complete Guide (incl Hooks, React Router, Redux)

This course is the most up-to-date, comprehensive and bestselling React course on Udemy.

It was completely updated and re-recorded from the ground up - it teaches the very latest version of React with all the core, modern features you need to know.

This course also comes with two paths which you can take: The "complete" path (full >40h course) and the "summary" path (~4h summary module) - you can choose the path that best fits your time requirements.  :-)

React.js is THE most popular JavaScript library you can use and learn these days to build modern, reactive user interfaces for the web.

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. :)

And in case you don't even know why you would want to learn React and you're just here because of some ad or "the algorithm" - no worries: ReactJS is a key technology as a web developer and in this course I will also explain WHY it's that important.

Welcome to "React - The Complete Guide".

This course will teach you React.js in a practice-oriented way, using all the latest patterns and best practices you need. You will learn all the key fundamentals as well as advanced concepts and related topics to turn you into a React.js developer.

This is a huge course because it really coversjs developer.

No matter if you know nothing about React or if you already got some basic React knowledge (not required but also not a problem), you will get tons of useful information and knowledge out of this course.

My goal with this course is to ensure that you feel confident working with React, so that you can apply for React jobs, use it in your own projects or simply enhance your portfolio as a developer - whatever your goal is: This course gets you there.

I originally created this course in 2017 and I have kept it updated since that - redoing it from the ground up in 2021. And of course I'm dedicated to keeping this course up-to-date - so that you can rely on this course to learn React in the best possible way.

What's in this course?

  • 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 so much more - check out the full curriculum on this page.

This really is the "Complete Guide" - promised.

And best of all?

You don't need any prior React knowledge.

This course starts with zero knowledge assumed. All you need is basic web development and JavaScript knowledge (though the course even includes a brief JavaScript refresher to ensure that we're all on the same page. ).

Check out the full curriculum, the free preview videos and join the course risk-free thanks to the 30-day money-back guarantee.

Get Details and Enroll Now

OpenCourser is an affiliate partner of Udemy and may earn a commission when you buy through our links.

Get a Reminder

Send to:
Rating 4.6 based on 8,144 ratings
Length 48.5 total hours
Starts On Demand (Start anytime)
Cost $20
From Udemy
Instructors Academind by Maximilian Schwarzmüller, Maximilian Schwarzmüller, Academind by Maximilian Schwarzm端ller, Maximilian Schwarzm端ller
Download Videos Only via the Udemy mobile app
Language English
Subjects Programming
Tags Programming Languages Development

Get a Reminder

Send to:

Similar Courses

What people are saying

step by step

I am impressesdwith the step by step approach Max takes to explain a particular topic...

He takes his time to explain step by step how it works, why you should do this way or not this way.

Maximilian guides you step by step with brief, focused lectures, that will take you from the very basics of React to advanced levels with minimal effort.

Step by step information flow.

I really love the way Maximilian goes through the course step by step, I've seen some other react tutorials before, but this course is exactly what I was looking for, so clear, so understandable and so efficient!

Good explaining step by step and up course this course is matching to me.

Max is a great teacher and does an excellent job of going through details step by step.

This can work easily work as your portfolio as well This course is incredible One of the best courses in Udemy for Reactjs Course are structured in nice way which helping me to learn react step by step.

It would be better if you show the final result you want to achieve first, then explain step by step how you do it.

Perpektor I like that Maximilian is leading us step by step and explaining every move.

Very good and clear step by step examples and explanation I very like it.

Its a good course for learning React from beginning I am leaning by step by step method.

Great step by step explanations Looking great so far Very well spoken and explained at a nice easy pace to understand.

Finally I would like to say,I want to step by step react not a direct development purpose.

Read more

ce cours

It was a really nice course.

Really nice course with lots of useful content!

Nice course, Max is a really great speaker, appreciate what he's done Very smooth running course you will get what you need Great course.

Nice course to get started.

Overall a nice course.

Yeah, its very nice course.

Nice course, but the instructor spends much time doing CSS.

Jusqu'à présent, ce cours répond tout à fait à mes attentes.

Really nice course and amazing teacher!

Overall nice course, max keep update them also answer the question.

Nice course for React beginners!

Complete and nice course, Congrats!

Very nice course with great explanation Max!!!

It is expected to be hard as for an advance courses.

Read more

complete guide

This is the second course I am learning taught by Max, first was React Native and now his React - The Complete Guide.

Complete guide The best tutorial on any subject I ever came across.

very well organized with a great project and just complete guide.

It says complete guide but for a beginner the pace is just too fast.

It really is a "Complete Guide" as it does indeed cover all kinds of things about React and related to React.

This seriously is "The Complete Guide".

10/10 When they say "The Complete Guide", yeah.

It is a real complete guide through the react world.

Good teaching, really clear & not boring :) I like how you explain things, thank you :)) Well the course just started for me but already gives a good insight of how React works This course is what it says it is - it is the ultimate complete guide for everything.

Note: It`s really a complete guide, so you will need time to absorb all of the information.

have gone through his complete guide to Angular and his Angular and Node courses and they were brilliantly and exceptionally done.

Since this is the "Complete Guide to React" I expected a course focused solely on the React framework, not focused on beating me over the head with concepts I already know.

I am student of Max from past few months and I have started with angular complete Guide and I must say his teaching methodology is really great.

And this course is probably the most complete guide about React that I saw on Udemy.

Read more

muito bom

You should call it "React: from 0 to hero" Muito bom!

Great content as always from Max Muito bom Max knowledge is massive at this subject or any web subject and thanks to that he explains React detail by detail.

O professor é muito bom e didático, a ferramenta é fantástica e o curso detalha muito o uso independente da experiência do aluno.

Great course and clear explanations, I recommend it :) Muito bom ate o momento logo mais atualizarei a nota.

Muito bom!

Not use yet Professor muito bom, aulas do tamanho correto e bem explicativas.

Muito bom curso até o momento!

Método de ensino muito bom!

E o inglês dele é muito bom de entender.

O professor é incrível, eu já tinha comprado outro curso de react mas igual a esse não existe, muito bom!

O CodePen é muito bom, mas acho que deveria mostrar a forma de criar uma estrutura não só no codepen e sim de outras formas também.

Muito bom... A melhor forma de aprender!!!!

It's nice and easy to learn... Muito bom aprender o React.js após o vue.js Estou avaliando ainda, mas estou gostando Tot nu toe is alles heel duidelijk uitgelegd awesome Clear and great explenation Yes, this I believe is the best.

Read more

deep dive into

Very deep dive into React.

He makes a deep dive into every topic, and what's more important, he follows an incremental approach, showing the basics and then refactoring while introducing new advance features.

The deep dive into basic React (and also various tips and tricks around writing Javascript in 2018) made it much easier to understand.

[Edit: At the end of the course] A comprehensive deep dive into React with Redux that is clear and systematic in its approach to imparting knowledge.

Very deep dive into React including real world examples and framework life cycles.

his courses are a deep dive into these frameworks very long, meaning they aren't a quick buck.

Looking forward to deep dive into React JS.

Engaging presentation and teaching delivery Good clear teaching If you want to deep dive into react, this course is the one to consider.

Read more

hasta el momento

Hasta el momento siento que todos los temas los estoy entendiendo y con lo aprendido ya puedo empezar a construir mi propia aplicación en react The course is very good; it starts from basics to advance concepts.

Hasta el momento a sido genial !!

Excelente hasta el momento Good Explanation this course interesting I get positive energy from Max.

hasta el momento si, esperar que sucede mas adelante del curso This course needs some basic knowledge of CSS and HTML to begin with.

Hasta el momento el desarrollo del curso ha cumplido con mis expectativas, varias de las cosas que he visto ya las conocia, pero me faltaba completar el enfoque que se le da en este curso, veremos si me sigue sorprendiendo como hasta ahora.

Hasta el momento todo perfecto Just started course but everything is very well explained There are some thought shortcuts that for someone with basic knowledge should be explained in a more detailed way.

Hasta el momento, solo es una introducción.

Read more

fácil de entender

O inglês do professor é muito fácil de entender e o curso é bem estruturado e as aulas bem roteirizadas.

Habla muy bien, claro y es fácil de entender.

This course is complete, all topic are coverage and the teacher explain in a way that I can understand very well Excelente, muito bem explicado, e fácil de entender mesmo com inglês intermediário.

El inglés es fácil de entender y explica muy bien, mi tutor preferido Detailed and clear explanation of the workings and design of Redux within React.

he is going to fast in the beginning only O curso no momento, estou na 4 aula, é muito simples e fácil de entender Amazing start with react js - ton of features to learn and start applying any new projects with react js ¡Awesome!

Los videos están muy bien explicados con ejemplos y el inglés usado es fácil de entender.

Ejemplo claro y fácil de entender.

Read more

burger builder project

Especially during the burger builder project where i am sitting down and coding alongside, i would much prefer longer videos doing more things than small videos that make few changes as it makes it easier to stay focused I'm still very early in the course, but I will say that Max explains the course material really well.

the burger builder project is great and course is good as it is able to teach all of concepts in very simple manner I am happy with the course, I can understand everything easily, I find the structure of the course really good and throughout the course every important subject is touched.

Burger builder project is complete enough to become an expert in reactJS.

Currently, I'm developing a company Payroll system using reactJS and this course(burger builder project) help me a lot.

Max does give multiple examples of projects, like the persons project and the posts project... Those are really fast and dirty, whereas the burger builder project is really long / slow going.

Often times we did something a couple of times before doing it over and over on the burger builder project.

I love the burger builder project!

Burger Builder project is Awesome.

Read more

hasta ahora

aun es pronto, pero hasta ahora ha sido entretenido y muy efectivo Really like it so far!

Es el mejor curso de react que he visto hasta ahora, muy completo y actualizado.

Recomendable, hasta ahora todos los temas han sido claros.

Hasta ahora todo excelente, gracias.

perfect lector, everything clear Anteriormente ya había comprado cursos de Max, y lo sigo en youtube, hasta ahora el tutorial ha sido mas de lo que esperaba, no me arrepiento para nada.

Read more

ich habe

Ich habe verstanden, dass React grossen Stellenwert auf Komponenten als "basic building blocks" legt.

Ich habe zwar schon etwas Vorwissen, aber der Kurs ist trotzdem sehr hilfreich.

I've certainly picked up new things along the way and look forward to finishing the course ( : I'd love to see him cover some popular react libraries like Recompose and Redux-Forms Ich habe den Kurs noch nicht beendet, aber weiß bereits jetzt, dass dieser Kurs einen exzellenten Lernerfolg bringen wird.

Ich habe vor einigen Monaten Angular4 Kurs gefolgt.

Max, ich habe auch die anderen Kurse bis auf Vue.js alle anderen Kurse.

Read more

computer science

He is the best coding teacher I have ever had even though I have a computer science degree from Technical University of Berlin and I have been coding my whole life.

Even though I just got my bachelor degree in computer science I needed to learn React for work.

As someone with a computer science degree I really appreciate his tone and pace.

I think this is the right amount of introduction for a student getting a computer science degree Max is great!

Read more

official documentation

I was searching a lot for react tutorials i couldn't understand from its official documentation so i enrolled here and i am amazed by the explanation of every bit of code and now i call myself a react developer A detailed and well thought course.

I learned many full stacks in depth through official documentation, tutorials, and trial and error.

It has all the material you would need as a professional React developer, comprehensive explanations that I couldn't find in the official documentation and engaging style of teaching my Maximillian.

I am only a few modules into this React course and I have learned more over a couple of hours than poking around the web and official documentation.

Read more

Careers

An overview of related careers and their average salaries in the US. Bars indicate income percentile.

Safety Specialist & Dive Safety Specialist (District Office) Contractor $64k

DIve Tender, Crane Operator, Deck Forman $65k

Dive Safety Officer $70k

Senior Dive Superintendent $113k

Dive Superintendent 1 $175k

Write a review

Your opinion matters. Tell us what you think.

Rating 4.6 based on 8,144 ratings
Length 48.5 total hours
Starts On Demand (Start anytime)
Cost $20
From Udemy
Instructors Academind by Maximilian Schwarzmüller, Maximilian Schwarzmüller, Academind by Maximilian Schwarzm端ller, Maximilian Schwarzm端ller
Download Videos Only via the Udemy mobile app
Language English
Subjects Programming
Tags Programming Languages Development

Similar Courses

Sorted by relevance

Like this course?

Here's what to do next:

  • Save this course for later
  • Get more details from the course provider
  • Enroll in this course
Enroll Now