React Redux React-Router: From Beginner to Paid Professional

React Redux React-Router: From Beginner to Paid Professional
React Redux React-Router: From Beginner to Paid Professional
English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 6.5 Hours | 0.98 GB

learn React, Redux, React-Router, ES6, advanced JavaScript, React/Redux developer tools, webpack, babel, JSX

This is a well-organized course. The curriculum has been created in such a way that learning Redux-React was never so easy before! It is divided into 9 sections:

  • The three first sections focus on Redux technology. These sections cover both of basic and advanced knowledge of Redux. You may wonder why I don’t focus on the React project first. The reason is that I need to stress that Redux has no relation to React. You can write Redux apps with React, Angular, Ember, jQuery, or vanilla JavaScript. Redux works especially well with frameworks like React and Deku because they let you describe UI as a function of state, and Redux emits state updates in response to actions. These first sections only apply Redux into plain JavaScript and jQuery. Applying Redux into React immediately will cause you feel hard to distinguish between the knowledge of React and the knowledge of Redux.
  • The fourth section focuses on ECMAScript 2015 (ES6). In fact, you can work with a Redux & React application without using ES6. However, an experienced React developer usually tries to apply ES6 as much as possible to make his project much more concise and clear. Getting familiar with ES6 will help you go through the next sections more comfortably.
  • The fifth section focuses on React framework. This section also shows clearly how to use React Developer Tools. It is an Chrome extension which helps debugging and managing React components, component’s state and props.
  • The sixth and seventh sections illustrate how to apply Redux technology and ES6 efficiently into an React application. After the 6th section, you will know a basic way to use Redux in a React framework. You will also know how to use Redux Dev Tools. It is an Chrome extension which helps debugging and managing Redux state and action. After the 7th section, you will know how to use “React-Redux” library which is an advanced way to handle interactions between Redux and React and make your project a lot shorter and concise.
  • The eighth section guides how to manipulate URLs with React-Redux-Router library
  • The last one give more advanced knowledge.
Table of Contents

Basic Redux plain Javascript
1 Introduction
2 normal JavaScript
3 Store State DispatchAction Reducer
4 Store State DispatchAction Reducer Continued
5 Store State DispatchAction Reducer Continued 2
6 exercise 01
7 Exercise02 Refactoring Exercise03
8 Exercise02 Refactoring Solution03

Advanced Redux plain JavaScript
9 Middleware
10 Many Middlewares
11 Thunk Middleware
12 Thunk Middleware Continued
13 Thunk Middleware Continued 2
14 Thunk Middleware – Imgur API – Exercise04
15 Thunk Middleware – Imgur API – Solution04

Redux jQuery
16 Convert to jQuery – Exercise05
17 Convert to jQuery – Solution05

Redux ES6
18 ES6 Arrow Function – Exercise06
19 ES6 Arrow Function – Solution06
20 ES6 Const Let
21 ES6 Default Parameter Object.assign
22 ES6 Exercise07
23 ES6 Solution07

React
24 Simplest React – Environment Setup
25 Simplest React – simplify the React project
26 Simplest React – core mechanism
27 Simplest React – JSX
28 Simplest React – Webpack Babel
29 State
30 State Continued
31 React Developer Tools
32 Child Component
33 Child Component Continued
34 ES6 – Import Export and Export Default
35 ES6 – Import Export and Export Default Continued
36 Props Exercise08
37 Props Solution08
38 Stateless Function Array of JSXs
39 creating an Array of JSXs by Array.prototype.map
40 Key of List Item

Redux React Basic
41 Step 1 – Insert Redux
42 Step 1 – Insert Redux Continued
43 Step 1 – Insert Redux Continued 2
44 Step 2 – Replace Component State by Redux State
45 Redux DevTools
46 ES6 – Object Destructuring
47 ES6 – Shorthand Property Names
48 ES6 – Spread Operator

Redux React Advanced
49 Provider component Connect method
50 Provider component Connect method Continued
51 Connect method Advanced
52 Exercise01 Redux-Thunk Redux-Logger libraries
53 Exercise02 combineReducers method
54 Exercise03 Containers

React-Redux-Router
55 React-Router
56 React-Router Continued

More Examples
57 Refactoring
58 Refactoring Continued
59 Todo List – propTypes Array.prototype.filter method JSX Spread Attributes
60 Youtube API – ES6 Template Strings Function.prototype.bind method