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

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

  • ...you'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.

Set Reminder Save for later

Get a Reminder

Not ready to enroll yet? We'll send you an email reminder for this course

Send to:

Udemy

Rating 4.7 based on 5,590 ratings
Length 45 hours
Starts On Demand (Start anytime)
Cost $10
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

Get an email reminder about this course

Send to:

What people are saying

According to other learners, here's what you need to know

step by step in 63 reviews

I really benefit from the step by step process that the course goes through and will continually come back to this course for reference.

Fantastic teacher, complete course, good and speed support on Q&R, good and complete demo project developed step by step.

It's my third course with this teacher i Recommend this course.can easily follow step by step.

Step by step project is not guided anywhere.

Nice xp with Max's course excellent tutorial which is going smoothly and step by step.Thank you Very good!

Nice lectures with step by step instructions!

if not explain complex JS structure that used more for example in burger component there is huge map function which need to debug step by step.

Read more

ce cours in 23 reviews

nice course.

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

Very nice course with great explanation Max!!!

Very nice course, I have learned a lot, lots of topics, with good examples, from person with experience who knows modern frameworks.

Thank you Max, I have enjoyed your course :) J'ai trouvé ce cours très progressif, les concepts abordés sont très nombreux et parfois un peu ardus mais le plan de cours très bien conçu permet de les digérer au fur et à mesure de l'apprentissage.

Very nice course.

Si ce cours est extrêmement complet.

Read more

burger builder in 21 reviews

I would've liked it more if the main project (the burger builder one) were better in terms of layout; e.g., having an "Authenticate" route with a "switch to sign in" button instead of using a better and clearer approach.

Managed to reuse many modules from the burger builder with this small project.

I am enjoying this course so far .The concepts are explained gradually and clearly Perhaps this is the best React course available on Udemy.The Burger Builder session made me a moderate react developer for sure.

Once you hit the stage with the Burger Builder its get a bit harsh and steep.

For a total beginner it would be really hard to follow this course once it hits the "Burger Builder".

Amazing course of React :) The course presents things like accessing remote data via HTTP, routing, etc using a contrived "blog" application over about 20 units, and then *repeats* the exact same content on the "burger builder" app.

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

Read more

muito bom in 11 reviews

Well the course just started for me but already gives a good insight of how React works Muito bom!

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

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 ate o momento logo mais atualizarei a nota.

Muito bom aprender o React.js após o vue.js Jak na razie kurs robi bardzo dobre wrażenie.

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

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

Read more

fácil de entender in 7 reviews

Excelente, muito bem explicado, e fácil de entender mesmo com inglês intermediário.

muestra los conceptos básicos y las ventajas de la librería de una forma muy fácil de entender Very detailed.

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

best react js course I've ever seen thanks guys 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.

O curso no momento, estou na 4 aula, é muito simples e fácil de entender Very easy and nicely explained It's a marvelous course!

Ejemplo claro y fácil de entender.

Read more

deep dive into in 7 reviews

Really takes a deep dive into react.

Looking forward to deep dive into React JS.

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.

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.

Udemy

Rating 4.7 based on 5,590 ratings
Length 45 hours
Starts On Demand (Start anytime)
Cost $10
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