Modern React with Redux [2023 Update]

Modern React with Redux Free Download

Master the fundamentals of React & Redux as you develop apps with React Router, Free Tutorials.

What you’ll learn in this course:

  • Create amazing single page applications with React JS & Redux Free Tutorials,
  • Master fundamental concepts behind structuring Redux applications Video Tutoirals,
  • Realize the power of building composable components Video Tutorials,
  • Be the engineer who explains how Redux works to everyone else Tutorials,
  • Become fluent in the toolchain supporting React,

Course content overview:

An Intro to React:

  • Introduction – Github Links for Project Files!
  • Completed Projects – Github Links
  • The Purpose of Boilerplate Projects
  • Environment Setup
  • Project Setup
  • Support for Create React App
  • A Taste of JSX
  • Quick Note – Getting Different Error Messages
  • ES6 Import Statements
  • ReactDOM vs React
  • Differences Between Component Instances and Component Classes
  • Render Targets
  • Component Structure
  • Youtube Search API Signup
  • Export Statements
  • Class-Based Components
  • Handling User Events
  • Introduction to State
  • Controlled Components
  • Breather and Review

Ajax Requests with React:

  • Youtube Search Response
  • Refactoring Functional Components to Class Components
  • Props
  • List Item Keys
  • Video List Items
  • Detail Component and Template Strings
  • Handling Null Props
  • Video Selection
  • Styling with CSS
  • Searching for Videos
  • Throttling Search Term Input
  • React Wrapup
  • Modeling Application State:
  • Foreword on Redux
  • What is Redux?
  • More on Redux
  • Even More on Redux!

Managing App State with Redux:

  • Putting Redux to Practice
  • Reducers
  • Containers – Connecting Redux to React
  • Containers Continued
  • Implementation of a Container Class
  • Containers and Reducers Review
  • Actions and Action Creators
  • Binding Action Creators
  • Creating an Action
  • Consuming Actions in Reducers
  • Consuming Actions in Reducers Continued
  • Conditional Rendering
  • Reducers and Actions Review

Intermediate Redux: Middleware:

  • App Overview and Planning
  • Component Setup
  • Controlled Components and Binding Context
  • Form Elements in React
  • Working with API’s
  • Introduction to Middleware
  • Ajax Requests with Axios
  • Redux-Promise in Practice
  • Redux-Promise Continued
  • Avoiding State Mutations in Reducers
  • Building a List Container
  • Mapping Props to a Render Helper
  • Adding Sparkline Charts
  • Making a Reusable Chart Component
  • Labeling of Units
  • Google not Defined Errors
  • Google Maps Integration
  • Google Maps Integration Continued
  • Project Review

React Router & Redux Form:

  • App Overview and Goals
  • Posts API
  • Quick Note
  • Installing React Router
  • What React Router Does
  • The Basics of React Router
  • Route Design
  • Our First Route Definition
  • State as an Object
  • Back to Redux – Index Action
  • Implementing Posts Reducer
  • Action Creator Shortcuts
  • Rendering a List of Posts
  • Creating New Posts
  • A React Router Gotcha
  • Navigation with the Link Component
  • Redux Form
  • Setting Up Redux Form
  • The Field Component
  • Generalizing Fields
  • Validating Forms
  • Showing Errors to Users
  • Handling Form Submittal
  • Form and Field States
  • Conditional Styling
  • More on Navigation
  • Create Post Action Creator
  • Navigation Through Callbacks
  • The Posts Show Component
  • Receiving New Posts
  • Selecting from OwnProps
  • Data Dependencies
  • Caching Records
  • Deleting a Post
  • Wrapup
  • Bonus – RallyCoding:
  • Basics of Redux Thunk
  • Combining Redux and Firebase
  • Dynamic Forms with Redux Form
  • Logicless Components with Reselect
  • Data Loading Methods with Redux
  • Animation of React Components
  • The Best Way to Store Redux Data
  • Four Most Common Errors with React and Redux
  • Modals in React and Redux Apps
  • Deployment of React/Webpack Apps
  • BrowserHistory in Production
  • React Integration with 3rd Party Libraries
  • Introducing JSPlaygrounds for Rapid Prototyping

React Router plus Redux Form:

  • Important Note – Do Not Skip!
  • App Overview and Goals
  • Exploring the Posts Api
  • Installing React Router
  • React Router – What is It?
  • Setting Up React Router
  • Route Configuration
  • Nesting Of Routes
  • IndexRoutes with React Router
  • Back To Redux – Index Action
  • Catching Data with Posts Reducer
  • Catching Data with Posts Reducer Continued
  • Fetching Data with Lifecycle Methods
  • Fetching Data with Lifecycle Methods Continued
  • Creating New Posts
  • Navigation with the Link Component
  • Forms and Form Submission
  • More on Forms and Form Submission
  • Passing Control to Redux Form
  • CreatePost Action Creator
  • Form Validation
  • Form Validation Continued
  • Navigating on Submit
  • Posts Index
  • Dynamic Route Params
  • Loading Data on Render
  • Handling Null Props
  • Delete Action Creator
  • Navigate on Delete
  • ReactRouter and ReduxForm Wrapup

Requirements For This Course:

  • A Mac or Windows Computer

Wait 15 Second For Download This File For Free

Author :

if you find any wrong activities so kindly read our DMCA policy also contact us. Thank you for understand us…

5/5 - (1 vote)

About Admin:- HowToFree

HowToFree or HTF is a not only one person we are many people who working on this site to provide free education for everyone.

Leave a Comment