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

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

Send to:

Udemy

Rating 4.6 based on 9,763 ratings
Length 47.5 total hours
Starts On Demand (Start anytime)
Cost $9
From Udemy
Instructor Stephen Grider
Download Videos Only via the Udemy mobile app
Language English
Tags Web Development Development

Get a Reminder

Get an email reminder about this course

Send to:

Similar Courses

What people are saying

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

step by step instruction in 13 reviews

Stephen tackles a complex subject with clear, expert, short, step by step instructions.

Great step by step instruction, very easy to follow along with Stephen when he explains some difficult concepts within React and Redux.

step by step instructions, very clear explanations, complexity of the apps increases with each section which is a great way to learn Easily explains complex concepts.

The step by step instruction is so easy to understand.

Clear step by step instruction - ability to skip and speed up is very useful Easy to understand for people with minimal web development experience.

Advanced developers may feel like it's a little slow but I appreciate the step by step instruction.

Thanks Stephen :D Great material, step by step instructions that builds upon what you have learned before.

Step by step instruction is very thorough and easy to understand.

Very clear step by step instruction.

very good step by step instructions and well explained theory.

Clear and quality content So far so good clear and detailed step by step instruction.

step by step instructions so far so good So far , its seems to be good.

Read more

worth every penny in 10 reviews

Absolutely worth every penny, don't even think about this one.

This course was worth every penny.

Of course you can learn from some free resource but I think this course gives you a solid foundation and is worth every penny.

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.

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

happening behind the scenes in 7 reviews

He puts in time and effort to make sure you really understand what's happening behind the scenes.

Also, part of that detail wasn't just for pitfalls, but for discussion of what is happening behind the scenes, so we have a better understanding why things work the way they do.

What has happening behind the scenes is explained as magic sometimes, like react-redux package and how it works.

Good descriptions on the why and thought on showing what is happening behind the scenes, to help you connect the dots on the learning journey.

This course really goes through and explains what is happening behind the scenes.

I like that he explains what's happening behind the scenes with each line of code.

Read more

ins and outs in 9 reviews

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.

No stone is left unturned in explaining the ins and outs of React and reduxevery possible detail Some of the explanations are a bit too much but I get how some complete beginners might need that...

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.

Because he explains the ins and outs of React.

Read more

my only complaint in 8 reviews

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 speed of each lecture is so fast that its hard to follow along and write the example code without pausing and rewinding frequently.

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

boiler plate in 11 reviews

what is boiler plate project?

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.

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

A small lesson on the boiler plate manual setup [which fr now we are cloning] would be great to include The best course on React.

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.

Without being able to follow the instructor past the 1/2 way point, I can say these are the following things that frustrated me: 1) The entire basis of the course is built upon boiler plates that you may, or may not have any familiarity with which leaves you chasing documentation to determine how to setup your own projects in the first place.

I'm not for reusing the instructor's boiler plates simply because they work going forward without knowing enough about them.

this course is good but need to know react and ES6 before Even though I am having trouble getting npm to start (error with webpack file in boiler plate starter package?)

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

Lots of issues with the boiler plate just started it.

Read more

leaves no stone unturned in 5 reviews

This guy literally leaves no stone unturned.

He leaves no stone unturned and describes the reasoning behind code and various syntaxes.

Stephen leaves no stone unturned.

The audio and video quality are good and the bottom up approach leaves no stone unturned.

Read more

google maps in 9 reviews

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

Why not use Leaflet instead of Google Maps 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.

Google maps, youtube apis, weather apis. )

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) It's great, but spending too much time explaining ES6 syntax every time it's used.

Everything is clear and works - except the Google Maps part... A lot of info.

Read more

front end development in 5 reviews

My background is a software engineer in C#, but I'm completely new to react and front end development.

This shows that he's really interested in helping people get better at front end development from a foundations/principles perspective, so you don't only learn how to use a framework but also how to critique one and think about how you would build your own.

I'm very new to front end development and React.

Very basic and only front end development or interaction no server side communications discussion at all.

Very clear for me, I do have a background in front end development, but not JS frameworks.

Read more

3rd party in 7 reviews

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

action creators in 7 reviews

I had never got the in-depth explanation of error occuring without using middleware previously, when we use async action creators.

React is topic which needs a bit repetitive wiring practice between action creators, actions, reducers, back to component.

Could be better if it went more into alternative ways of doing action creators and explained middlewares more.

As a beginner, I would find it helpful if key concepts were re-visited briefly along the way -- for example, I was very fuzzy about action creators and reducers by the end of the Blog app!

He also takes time to make the students understand the behind-the-scenes stuff going on in, for example, action creators and reducers.

Read more

bigger picture in 7 reviews

He also speaks about code reusability at great length and good code architecture practices and explains them really well for each module so you understand the bigger picture.

I keep coming back to it to get the small details after getting the bigger picture.

While I can wire up actions and reducers and the like, I'm thinking I need to go back over the bigger picture of what exactly is going on.

The step-by-step walkthrough, coupled with the visual references (for those of us who are visual learners), make it a lot easier to understand and see the bigger picture.

As opposed to causing disengagement with going on conceptual bird-walks, the instructor intelligently educates his students when appropriate in a way that paints a bigger picture of the processes at hand.

its hard to follow when I know theres a bigger picture Very clear explanations answering a lot of small questions that I asked myself and had no answers very in-depth explanations, taking it slow and explaining everything the best react redux course i ever watched Very clear and with a well-structured incremental path.

Read more

Careers

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.

Udemy

Rating 4.6 based on 9,763 ratings
Length 47.5 total hours
Starts On Demand (Start anytime)
Cost $9
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