Learn Reactjs, Redux, React Routing, Animations, Next.js basics and more!

Note: This post contains affiliate links and I may be compensated if you click on them.

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

The Udemy course “React 16 – The Complete Guide (incl. React Router 4 & Redux)” explains exactly what React is and how you may use it (and for which kind of apps). It doesn’t just scratch the surface but instead dives 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! And you’ll be able to apply for high-paid jobs or work as a freelancer in one the most-demanded sectors you can find in web dev right now.

React 16 – The Complete Guide (incl. React Router 4 & Redux) – Course Content

In this course, you’ll learn React from scratch! You’ll learn Reactjs, Redux, React Routing, Animations, Next.js basics and way more! Topics include:

The “What”, “Why” and “How”
React Basics (Base features, syntax and concepts)
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!

The Course comprises 418 Lectures organized into the following sections:

Getting Started
Refreshing Next-Generation JavaScript (Optional)
Understanding the Base Features & Syntax
Working with Lists and Conditionals
Styling React Components & Element
Debugging React Apps
Diving Deeper into Components & React Internals
A Real App: The Burger Builder (Basic Version)
Reaching out to the Web (Http / Ajax)
Burger Builder Project: Accessing a Server
Multi-Page-Feeling in a Single-Page-App: Routing
Adding Routing to our Burger Project
Forms and Form Validation
Redux
Adding Redux to our Project
Redux Advanced
Redux Advanced: Burger Project
Adding Authentication to our Burger Project
Improving our Burger Project
Testing
Deploying the App to the Web
Bonus: Working with Webpack
Bonus: Next.js
Bonus: Animations in React Apps
Bonus: A Brief Introduction to Redux Saga
Bonus: Building the Burger CSS
Next Steps and Course Roundup

Requirements

JavaScript + HTML + CSS fundamentals are absolutely required
You DON’T need to be a JavaScript expert to succeed in this course!
ES6+ JavaScript knowledge is beneficial but not a must-have
NO prior React or any other JS framework experience is required!

Summary of Course Main Features

Instructor: Maximilian Schwarzmüller – Professional Web Developer and Instructor
Lectures: 418
On-demand video: 33 hours
Articles: 41
Supplemental Resources: 153
Includes:
- 30-Day Money-Back Guarantee
- Full lifetime access
- Access on mobile and TV
- Assignments
- Certificate of Completion