Save for later

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

This course is fully up-to-date with the latest version of React and includes React Hooks. Of course it will be kept up-to-date in the future.

What's this course about?

Learn React or dive deeper into it. Learn the theory, solve assignments, practice in demo projects and build one big application which is improved throughout the course: The Burger Builder.

More details please.

JavaScript is the major driver of modern web applications since it's the only programming language which runs in the browser and hence allows you to provide highly reactive apps. You'll be able to achieve mobile-app like user experiences in the web.

But using JavaScript can be challenging - it quickly becomes overwhelming to create a nice web app with vanilla JavaScript and jQuery only.

React to the rescue.  

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.

Need to display a list of users in your app? It's as simple as creating a "User" component and outputting it as often as needed.

This course will start at the very basics and explain what exactly React is and how you may use it (and for which kind of apps). Thereafter, we'll go all the way from basic to advanced. We'll not just scratch the surface but dive deeply into React as well as popular libraries like react-router and Redux. 

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

A detailed list with the course content can be found below.

Who's teaching you in this course?

My name is Maximilian Schwarzmüller, I'm a freelance web developer and worked with React in many projects. I'm also a 5-star rated instructor here on Udemy. I cover React's most popular alternatives - Vue and Angular - as well as many other topics. 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. But I don't just focus on students getting started. I want everyone to benefit from my courses, that's why we'll dive deeply into React and why I made sure to also share knowledge that's helpful to advanced React developers. 

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

  • ...already worked quite a bit with React but want to dive deeper and see it all come together in a bigger app

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.

What's inside the course?

  • The "What", "Why" and "How"

  • React Basics (Base features, syntax and concepts)

  • Managing state with class-based components and React Hooks

  • How to output lists and conditional content

  • Styling of React components

  • A deep dive into the internals of React and advanced component features

  • How to access Http content from within React apps (AJAX)

  • Redux, Redux, Redux ... from basics to advanced.

  • Forms and form validation in React apps

  • Authentication

  • An introduction to unit testing

  • An introduction to Next.js

  • React app deployment instructions

  • ...and much more.

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 40.5 total hours
Starts On Demand (Start anytime)
Cost $16
From Udemy
Instructors 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


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 40.5 total hours
Starts On Demand (Start anytime)
Cost $16
From Udemy
Instructors 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