Modern React with Redux in 2020

Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

Modern React with Redux in 2020

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

Congratulations!  You’ve found the most popularmost complete, and most up-to-date resource online for learning React and Redux!

Thousands of other engineers have learned to 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 to React!

———————-

What will you build?

This course features hundreds of videos with dozens of custom diagrams to help you understand how to 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 discussions 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:

  1. Master the fundamental features of React, including JSX, state, and props
  2. From square one, understand how to build reusable components
  3. Dive into the source code of Redux to understand how it works behind the scenes
  4. Test your knowledge and hone your skills with numerous coding exercises
  5. Integrate React with advanced browser features, even geolocation API!
  6. Use popular styling libraries to build beautiful apps
  7. Master different techniques of deployment so you can show off the apps you build!
  8. See different methods of building UI’s through the 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.

Who this course is for:

  1. Programmers looking to learn React
  2. Developers who want to grow out of just using jQuery
  3. Engineers who have researched React but have had trouble mastering some concepts
Show More

What Will You Learn?

  • Build amazing single-page applications with React JS and Redux
  • Master fundamental concepts behind structuring Redux applications
  • Realize the power of building composable components
  • Be the engineer who explains how Redux works to everyone else, because you know the fundamentals so well
  • Become fluent in the toolchain supporting React, including NPM, Webpack, Babel, and ES6/ES2015 Javascript syntax

Course Content

Modern React with Redux

  • Introduction Github Links for Project Files
    00:00
  • The Purpose of Boilerplate Projects
    00:00
  • Environment Setup
    00:00
  • Project Setup
    00:00
  • A Taste of JSX
    00:00
  • More on JSX
    00:00
  • ES6 Import Statements
    00:00
  • ReactDOM vs React
    00:00
  • Differences Between Component Instances and Component Classes
    00:00
  • Render Targets
    00:00
  • Component Structure
    00:00
  • Youtube Search API Signup
    00:00
  • Export Statements
    00:00
  • Class Based Components
    00:00
  • Handling User Events
    00:00
  • Introduction to State
    00:00
  • More on State
    00:00
  • Controlled Components
    00:00
  • Breather and Review
    00:00
  • Generating a React Project
    00:00
  • Why Create React App
    00:00
  • Exploring a Create React App Project
    00:00
  • Starting and Stopping a React App
    00:00
  • Javascript Module Systems
    00:00
  • Displaying Content with Functional Components
    00:00
  • What is JSX
    00:00
  • Converting HTML to JSX
    00:00
  • Inline Styling with JSX
    00:00
  • Converting Styling to JSX Format
    00:00
  • Class vs ClassName
    00:00
  • Referencing JS Variables in JSX
    00:00
  • Values JSX Can’t Show
    00:00
  • Finding Forbidden Property Names
    00:00
  • Exercise Introduction
    00:00
  • JSX Exercise Solution
    00:00
  • Three Tenets of Components
    00:00
  • Application Overview
    00:00
  • Getting Some Free Styling
    00:00
  • Naive Component Approach
    00:00
  • Specifying Images in JSX
    00:00
  • Duplicating a Single Component
    00:00
  • Extracting JSX to New Components
    00:00
  • Component Nesting
    00:00
  • React’s Props System
    00:00
  • Passing and Receiving Props
    00:00
  • Passing Multiple Props
    00:00
  • Passing Props Solutions
    00:00
  • Component Reuse
    00:00
  • Implementing an Approval Card
    00:00
  • Showing Custom Children
    00:00
  • Component Reuse
    00:00
  • Exercise Props
    00:00
  • Props Exercise Solution
    00:00
  • Exercise Children
    00:00
  • Children Exercise Solution
    00:00
  • Class Based Components
    00:00
  • Application Overview
    00:00
  • Scaffolding the App
    00:00
  • Getting a Users Physical Location
    00:00
  • Resetting Geolocation Preferences
    00:00
  • Handling Async Operations with Functional Components
    00:00
  • Refactoring from Functional to Class Components
    00:00
  • The Rules of State
    00:00
  • Initializing State Through Constructors
    00:00
  • Updating State Properties
    00:00
  • App Lifecycle Walkthrough
    00:00
  • Handling Errors Gracefully
    00:00
  • Conditionally Rendering Content
    00:00
  • Introducing Lifecycle Methods
    00:00
  • Why Lifecycle Methods
    00:00
  • Refactoring Data Loading to Lifecycle Methods
    00:00
  • Alternate State Intialization
    00:00
  • Passing State as Props
    00:00
  • Ternary Expressions in JSX
    00:00
  • Showing Icons
    00:00
  • Extracting Options to Config Objects
    00:00
  • Adding Some Styling
    00:00
  • Showing a Loading Spinner
    00:00
  • Specifying Default Props
    00:00
  • Avoiding Conditionals in Render
    00:00
  • Breather and Review
    00:00
  • Exercise Solution Class Based Components
    00:00
  • Updating Components with State
    00:00
  • Handling User Input with Forms and Events
    00:00
  • Handling User Input with Forms and Events
    00:00
  • Handling User Input with Forms and Events
    00:00
  • Handling User Input with Forms and Events
    00:00
  • Adding a Touch of Style
    00:00
  • Creating Event Handlers Handling User Input with Forms and Events
    00:00
  • Alternate Event Handler Syntax Handling User Input with Forms and Event
    00:00

Student Ratings & Reviews

No Review Yet
No Review Yet