Modern React with Redux

Modern React with Redux
Modern React with Redux
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 18 Hours | 2.53 GB

Master the fundamentals of React v16.3.2 and Redux as you develop apps with React Router, Webpack, and ES6

Course Last Updated 4/30/18 for React v16.3.2 and Redux v4.0.0!

This is the tutorial you’ve been looking for to master modern web development with React.

Redux? We got it. ES6/Babel? Covered. Webpack? Included!

Mastering React and Redux can get you a position in web development or help you build that personal project you’ve been dreaming of. It’s a skill that will put you more in demand in the modern web development industry, especially with the release of Redux and ReactNative.

This course will get you up and running quickly, and teach you the core knowledge you need to deeply understand and build React components and structure applications with Redux.

We’ll start by mastering the fundamentals of React, including JSX, “props”, “state”, and eventing. Source code is provided for each lecture, so you will always stay up-to-date with the course pacing. After an introduction to React, we’ll dive right in to Redux, covering topics like reducers, actions, and the state tree.

If you are new to React and Redux, or if you’ve been working to learn it but sometimes feel like you still don’t quite ‘get it’, this is the React course for you! To learn React you have to understand it.

  • Learn how to use React’s custom markup language, JSX, to clean up your Javascript code
  • Master the process of breaking down a complex component into many smaller, interchangeable components
  • Grasp the difference between “props” and “state” and when to use each
  • Develop complex applications that scale in complexity by mastering Redux
  • Dive deeper into Redux by using middlewares. No fancy terms required!

I’ve built the course that I would have wanted to take when I was learning React and Redux. A course that explains the concepts and how they’re implemented in the best order for you to learn and deeply understand them.

Table of Contents

An Intro to React:
1 Introduction – Github Links for Project Files!
3 The Purpose of Boilerplate Projects
4 Environment Setup
5 Project Setup
6 A Taste of JSX
7 More on JSX
8 ES6 Import Statements
9 ReactDOM vs React
10 Differences Between Component Instances and Component Classes
11 Render Targets
12 Component Structure
13 Youtube Search API Signup
14 Export Statements
15 Class-Based Components
16 Handling User Events
17 Introduction to State
18 More on State
19 Controlled Components
20 Breather and Review

Ajax Requests with React:
21 Youtube Search Response
22 Refactoring Functional Components to Class Components
23 Props
24 Building Lists with Map
25 List Item Keys
26 Video List Items
27 Detail Component and Template Strings
28 Handling Null Props
29 Video Selection
30 Styling with CSS
31 Searching for Videos
32 Throttling Search Term Input
33 React Wrapup

Modeling Application State:
34 Foreword on Redux
35 What is Redux_
36 More on Redux
37 Even More on Redux!

Managing App State with Redux:
39 Reducers
40 Containers – Connecting Redux to React
41 Containers Continued
42 Implementation of a Container Class
43 Containers and Reducers Review
44 Actions and Action Creators
45 Binding Action Creators
46 Creating an Action
47 Consuming Actions in Reducers
48 Consuming Actions in Reducers Continued
49 Conditional Rendering
50 Reducers and Actions Review

Intermediate Redux_ Middleware:
51 App Overview and Planning
52 Component Setup
53 Controlled Components and Binding Context
54 Form Elements in React
55 Working with API_s
56 Introduction to Middleware
57 Ajax Requests with Axios
58 Redux-Promise in Practice
59 Redux-Promise Continued
60 Avoiding State Mutations in Reducers
61 Building a List Container
62 Mapping Props to a Render Helper
64 Adding Sparkline Charts
65 Making a Reusable Chart Component
66 Labeling of Units
67 Google Maps Integration
68 Google Maps Integration Continued
69 Project Review

React Router + Redux Form:
71 App Overview and Goals
72 Exploring the Posts Api
73 Installing React Router
74 React Router – What is It_
75 Setting Up React Router
76 Route Configuration
77 Nesting Of Routes
78 IndexRoutes with React Router
79 Back To Redux – Index Action
80 Catching Data with Posts Reducer
81 Catching Data with Posts Reducer Continued
82 Fetching Data with Lifecycle Methods
83 Fetching Data with Lifecycle Methods Continued
84 Creating New Posts
85 Navigation with the Link Component
86 Forms and Form Submission
87 More on Forms and Form Submission
88 Passing Control to Redux Form
89 CreatePost Action Creator
90 Form Validation
91 Form Validation Continued
92 Navigating on Submit
93 Posts Index
94 Dynamic Route Params
95 Loading Data on Render
96 Handling Null Props
97 Delete Action Creator
98 Navigate on Delete
99 ReactRouter and ReduxForm Wrapup

Bonus – RallyCoding:
100 Basics of Redux Thunk
101 Combining Redux and Firebase
102 Dynamic Forms with Redux Form
103 Logicless Components with Reselect
104 Data Loading Methods with Redux
105 Animation of React Components
106 The Best Way to Store Redux Data
107 Four Most Common Errors with React and Redux
108 Modals in React and Redux Apps
109 Deployment of React_Webpack Apps
110 BrowserHistory in Production
111 React Integration with 3rd Party Libraries
112 Introducing JSPlaygrounds for Rapid Prototyping

React Router + Redux Form:
116 App Overview and Goals
117 Posts API
119 Installing React Router
120 What React Router Does
121 The Basics of React Router
122 Route Design
123 Our First Route Definition
124 State as an Object
125 Back to Redux – Index Action
126 Implementing Posts Reducer
127 Action Creator Shortcuts
128 Rendering a List of Posts
129 Creating New Posts
130 A React Router Gotcha
131 Navigation with the Link Component
132 Redux Form
133 Setting Up Redux Form
134 The Field Component
135 Generalizing Fields
136 Validating Forms
137 Showing Errors to Users
138 Handling Form Submittal
139 Form and Field States
140 Conditional Styling
141 More on Navigation
142 Create Post Action Creator
143 Navigation Through Callbacks
144 The Posts Show Component
145 Receiving New Posts
146 Selecting from OwnProps
147 Data Dependencies
148 Caching Records
149 Deleting a Post
150 Wrapup