Save for later

Modern React with Redux [2020 Update]

Course Last Updated for React v16.6.3 and Redux v4.0.1.   All content is brand new.   Update includes detailed videos on the new React Hooks system.

Congratulations.   You've found the most popular, most complete, and most up-to-date resource online for learning React and Redux.

Thousands of other engineers have learned React and Redux, and you can too.  This course uses a time-tested, battle-proven method to make sure you understand exactly how React and Redux work, and will get you a new job working as a software engineer or help you build that app you've always been dreaming about.

The difference between this course and all the others: you will understand the design patterns used by top companies to build massively popular web apps.

React is the most popular Javascript library of the last five years, and the job market is still hotter than ever.  Companies large and small can't hire engineers who understand React and Redux fast enough, and salaries for engineers are at an all time high.  It's a great time to learn React.

What will you build?

This course features hundreds of videos with dozens of custom diagrams to help you understand how React and Redux work.  No prior experience with either is necessary. Through tireless, patient explanations and many interesting practical examples, you'll learn the fundamentals of building dynamic and live web apps using React.

Each topic included in this course is added incrementally, to make sure that you have a solid foundation of knowledge.  You'll find plenty of discussion added in to help you understand exactly when and where to use each feature of React and Redux.

My guarantee to you: there is no other course online that teaches more features of React and Redux.  This is the most comprehensive resource there is.

Below is a partial list of the topics you'll find in this course:

  • Master the fundamental features of React, including JSX, state, and props

  • From square one, understand how to build reusable components

  • Dive into the source code of Redux to understand how it works behind the scenes

  • Test your knowledge and hone your skills with numerous coding exercises

  • Integrate React with advanced browser features, even geolocation API's.

  • Use popular styling libraries to build beautiful apps

  • Master different techniques of deployment so you can show off the apps you build.

  • See different methods of building UI's through composition of components

Besides just React and Redux, you'll pick up countless other tidbits of knowledge, including ES2015 syntax, popular design patterns, even the clearest explanation of the keyword 'this' in Javascript that you'll ever hear.

This is the course I wanted to take when I first learned React: complete, up-to-date, and clear.

Get Details and Enroll Now

OpenCourser is an affiliate partner of Udemy.

Get a Reminder

Send to:
Rating 4.6 based on 8,816 ratings
Length 52.5 total hours
Starts On Demand (Start anytime)
Cost $16
From Udemy
Instructor Stephen Grider
Download Videos Only via the Udemy mobile app
Language English
Tags Web Development Development

Get a Reminder

Send to:

Similar Courses

What people are saying

boiler plate

what is boiler plate project?

Would love to have the tutorial continue building off of each section and not start a whole new boiler plate in each section.

I am using create-react-app as my boiler plate for the tutorials, for those not using the same boiler plate as per the videos make sure to install the correct dependencies as they will cause errors.

The only negative point I felt about the course is that we are not told about how to build the boiler plate packages.

The boiler plate code already had this set up.

I'm still missing the understanding that would go along with setting up my own boiler plate but I suspect another course will cover it.

Most courses just gloss over the boiler plate, which makes it difficult to really learn what's going on.

Read more

worth every penny

This course was worth every penny.

Worth every penny--will recommend to anyone who wants to learn React.

The new explanations and use of semantic ui really brings it up-to-date and it is worth every penny.

Every single series I have purchased from him has been worth every penny.

Good video, learn a lot, help me understand throughly each subject Worth every penny.

definitively an upgrade from the available youtube courses (worth every penny twice over).

The explanations for the different pieces of Redux alone make this worth every penny.

Read more

ins and outs

No stone is left unturned in explaining the ins and outs of React and reduxevery possible detail Stephen explains things very clearly and thoroughly and doesn't assume that students understand things right away.

I was taking another course and switched over to this one because of lack of explanation and frustration and I'm very happy I did because Stephen is very good as explaining the ins and outs of all these things.

This is an amazing course that will teach you the ins and outs of building a React/Redux app.

I was able to get something working and understand all the ins and outs.

My only issue, and this is a personal preference, is that there seems to be a lot of magic under the hood with this stuff and I want a little more detail on the ins and outs of redux/react.

Stephen paces things just right for beginners to React, writing two non-trivial apps with the framework and showing its ins and outs.

Ideal for students needing an in-depth look at the ins and outs of React and Redux.

Read more

google maps

Google maps, youtube apis, weather apis. )

You will build multiple projects to cement your understanding of how to create your own React/Redux application and integrate it with third party libraries ( Google Maps in one example app).

Another nice thing is how this course introduces you to things you would maybe not check out by yourself - I mean using Youtube API, Google Maps API, Lodash, Sparklines etc.

Instead of the bonus section we could have continued building the blog app--adding our own database (Node/Express/MongoDB using mlab maybe, or Firebase) tags, view by tag/category, comments--and maybe implemented some of what is in the bonus section, like Google Maps, etc.

Certain steps didn't match up with what had been done so far (Google maps not using a component, but does in the next video.

I still have an unresolved issue w/ showing google maps, but besides these complaints, the rest of the course is well-done.

pls continue 1./ wrong implement Google maps video 2./ wrong install react-router (react-router-dom is correct) Nice course it would be good to update to latest react and react router It's great, but spending too much time explaining ES6 syntax every time it's used.

Read more

my only complaint

Being the completionist that I am, my only complaint is that there is a bunch of legacy material that I have to manually go through in order to "complete" the course.

My only complaint is the usage of Lodash, I'd rather not use it.

Now, my only complaint!

My only complaint would be that instead of just covering the 'what' of things (which is done expertly) more in-depth explanations on the 'why' would be useful.

My only complaint was that it wasn't totally obvious when we switched to the second project that we were expected to reset the git repo.

My only complaint is I wish one app was used and we continued to build and iterate on the one application.

Read more

3rd party

Stephen goes to great lengths to make sure that every single topic and concept is well understood by presenting structure and flow diagrams, analogies and in some cases even 3rd party source code.

There are a couple of times (really just once) when explanations weren't complete (I was really looking forward to a thorough explanation of how to work with 3rd party APIs that are not aware of React).

Excellent course on breaking down and separating the various moving parts (React, ES6, Redux, and other 3rd party libraries).

However, the 3rd party packages it uses - Redux and Redux- Forms most especially - to me are poor choices.

highly recommended According to the real world, to the point and well and depth explained all the topics, Using 3rd party libraries with react makes it complete for devs :) Very clear descriptions and good examples.

Not only is it explained well, but he follows best practices, and supplies 3rd party libraries and tools that he has researched and decided that these are what new develoeprs to React should be using - a massive time saver for anyone wanting to get in to developing with React.

Read more


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

React JS & Node JS Developer $60k

Node/React Developer $69k

React Js Developer (React Exp is Mandatory) $76k

Write a review

Your opinion matters. Tell us what you think.

Rating 4.6 based on 8,816 ratings
Length 52.5 total hours
Starts On Demand (Start anytime)
Cost $16
From Udemy
Instructor Stephen Grider
Download Videos Only via the Udemy mobile app
Language English
Tags Web Development 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