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

Join on Telegram

Wait 15 Second For Download This File For Free

Author : https://www.udemy.com/course/react-redux/

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