English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 4h 08m | 948 MB
A practical look at Redux, from the ground up, and from front end to back
In this course we’ll see the creation of a Redux app from the bottom up, developed right alongside the server code, using practical, real world examples.
Redux completes the missing piece of the React framework, and is used at the core of React for most complex React projects. In this course, we’ll be focusing on leveraging the Redux framework to impose better engineering on React applications. Redux is an implementation of FLUX, which is a pattern for managing application state in React. Redux brings a clean and testable design to the table using a purely functional approach.
In this course will build an app piece by piece, starting with a minimal webpack application and quickly transforming it into an isomorphic Redux application with full API integration, including secure authentication.
What You Will Learn
- The basics of the webpack bundling system
- Creating a React app with webpack
- Building isomorphic React apps with Redux
- Building a node express API
- Secure API authentication
- Maintaining a session on the client
- Redux datatables and forms with validation
- Reusable Redux code
Table of Contents
01 The Course Overview
02 Building and Compiling a React Application
03 One Way Data Flow in React
04 Serving React Apps from Express
05 Loading SASS Modules
06 Isomorphic Rendering
07 Integrating Redux
08 Isomorphic Redux
09 Database Access with Knex
10 Object Relational Mapping with Bookshelf
11 Token Based Authentication
12 Cookies and CSRF Tokens
13 Building a Login Form
14 Staying Authenticated
15 Client Side Routing with React-Router
16 Isomorphic Routing with React-router
17 Logging Out
18 Create New Records with Express and Bookshelf
19 Building a New Customer Form with Validation
20 Incorporating Backend Validations
21 Redux Data Tables
22 Redux Pagination
23 Reusing Actions and Reducers
24 Preloading Data with Server Side Rendering
25 Testing Redux Code
26 Type Checking JavaScript
Resolve the captcha to access the links!