Modern React with Redux

Modern React with Redux
Modern React with Redux

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 18 Hours | 2.96 GB
eLearning | Skill level: All Levels


Master the fundamentals of React and Redux with this tutorial as you develop apps supported by NPM, Webpack, and ES6

Course Last Updated 4/24/17 for React Router v4 and Redux Form v6!

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

resources.rar
1 – Introduction – Github Links for Project Files!
2 – The Purpose of Boilerplate Projects
3 – Environment Setup
4 – Project Setup
5 – A Taste of JSX
6 – More on JSX
7 – ES6 Import Statements
8 – ReactDOM vs React
9 – Differences Between Component Instances and Component Classes
10 – Render Targets
11 – Component Structure
12 – Youtube Search API Signup
13 – Export Statements
14 – Class-Based Components
15 – Handling User Events
16 – Introduction to State
17 – More on State
18 – Controlled Components
19 – Breather and Review
20 – Youtube Search Response
21 – Refactoring Functional Components to Class Components
22 – Props
23 – Building Lists with Map
24 – List Item Keys
25 – Video List Items
26 – Detail Component and Template Strings
27 – Handling Null Props
28 – Video Selection
29 – Styling with CSS
30 – Searching for Videos
31 – Throttling Search Term Input
32 – React Wrapup
33 – Foreword on Redux
34 – What is Redux
35 – More on Redux
36 – Even More on Redux!
37 – Reducers
38 – Containers – Connecting Redux to React
39 – Containers Continued
40 – Implementation of a Container Class
41 – Containers and Reducers Review
42 – Actions and Action Creators
43 – Binding Action Creators
44 – Creating an Action
45 – Consuming Actions in Reducers
46 – Consuming Actions in Reducers Continued
47 – Conditional Rendering
48 – Reducers and Actions Review
49 – App Overview and Planning
50 – Component Setup
51 – Controlled Components and Binding Context
52 – Form Elements in React
53 – Working with API’s
54 – Introduction to Middleware
55 – Ajax Requests with Axios
56 – Redux-Promise in Practice
57 – Redux-Promise Continued
58 – Avoiding State Mutations in Reducers
59 – Building a List Container
60 – Mapping Props to a Render Helper
61 – Adding Sparkline Charts
62 – Making a Reusable Chart Component
63 – Labeling of Units
64 – Google Maps Integration
65 – Google Maps Integration Continued
66 – Project Review
67 – App Overview and Goals
68 – Exploring the Posts Api
69 – Installing React Router
70 – React Router – What is It
71 – Setting Up React Router
72 – Route Configuration
73 – Nesting Of Routes
74 – IndexRoutes with React Router
75 – Back To Redux – Index Action
76 – Catching Data with Posts Reducer
77 – Catching Data with Posts Reducer Continued
78 – Fetching Data with Lifecycle Methods
79 – Fetching Data with Lifecycle Methods Continued
80 – Creating New Posts
81 – Navigation with the Link Component
82 – Forms and Form Submission
83 – More on Forms and Form Submission
84 – Passing Control to Redux Form
85 – CreatePost Action Creator
86 – Form Validation
87 – Form Validation Continued
88 – Navigating on Submit
89 – Posts Index
90 – Dynamic Route Params
91 – Loading Data on Render
92 – Handling Null Props
93 – Delete Action Creator
94 – Navigate on Delete
95 – ReactRouter and ReduxForm Wrapup
96 – Basics of Redux Thunk
97 – Combining Redux and Firebase
98 – Dynamic Forms with Redux Form
99 – Logicless Components with Reselect
100 – Data Loading Methods with Redux
101 – Animation of React Components
102 – Four Most Common Errors with React and Redux
103 – Modals in React and Redux Apps
104 – The Best Way to Store Redux Data
105 – BrowserHistory in Production
106 – Introducing JSPlaygrounds for Rapid Prototyping
107 – Deployment of React Webpack Apps
108 – React Integration with Third Party Libraries
109 – App Overview and Goals
110 – Posts API
111 – Installing React Router
112 – What React Router Does
113 – The Basics of React Router
114 – Route Design
115 – Our First Route Definition
116 – State as an Object
117 – Back to Redux – Index Action
118 – Implementing Posts Reducer
119 – Action Creator Shortcuts
120 – Rendering a List of Posts
121 – Creating New Posts
122 – A React Router Gotcha
123 – Navigation with the Link Component
124 – Redux Form
125 – Setting Up Redux Form
126 – The Field Component
127 – Generalizing Fields
128 – Validating Forms
129 – Showing Errors to Users
130 – Handling Form Submittal
131 – Form and Field States
132 – Conditional Styling
133 – More on Navigation
134 – Create Post Action Creator
135 – Navigation Through Callbacks
136 – The Posts Show Component
137 – Receiving New Posts
138 – Selecting from OwnProps
139 – Data Dependencies
140 – Caching Records
141 – Deleting a Post
142 – Wrapup

Download from Turbobit
modern-react-redux part 1
modern-react-redux part 2
modern-react-redux part 3
modern-react-redux part 4
modern-react-redux part 5
modern-react-redux part 6

Download from DepositFiles
modern-react-redux part 1
modern-react-redux part 2
modern-react-redux part 3
modern-react-redux part 4
modern-react-redux part 5
modern-react-redux part 6