Redux - End to End [Video]

Preview in Mapt

Redux - End to End [Video]

Sam Slotsky

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.
Mapt Subscription
FREE
$29.99/m after trial
Video
$10.00
RRP $124.99
Save 91%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$10.00
$29.99 p/m after trial
RRP $124.99
Subscription
Video
Start 30 Day Trial

Frequently bought together


Redux - End to End [Video] Book Cover
Redux - End to End [Video]
$ 124.99
$ 10.00
Machine Learning: End-to-End guide for Java developers Book Cover
Machine Learning: End-to-End guide for Java developers
$ 75.99
$ 10.00
Buy 2 for $20.00
Save $180.98
Add to Cart

Video Details

ISBN 139781788394277
Course Length4 hours and 8 minutes

Video Description

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.

Style and Approach

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. We will focus on the essential aspects of building administrative applications, including displaying datatables and validating and submitting forms, with an emphasis on writing simple, pure components and reusing our code to apply a consistent interface across resources without repeating ourselves.

Table of Contents

A Tale of Two Clients
The Course Overview
Building and Compiling a React Application
One Way Data Flow in React
Serving React Apps from Express
Loading SASS Modules
Isomorphic Rendering
Data Management
Integrating Redux
Isomorphic Redux
Database Access with Knex
Object Relational Mapping with Bookshelf
Authentication
Token Based Authentication
Cookies and CSRF Tokens
Building a Login Form
Staying Authenticated
Routing
Client Side Routing with React-Router
Isomorphic Routing with React-router
Logging Out
Redux CRUD Administration
Create New Records with Express and Bookshelf
Building a New Customer Form with Validation
Incorporating Backend Validations
Reusing Redux Code
Redux Data Tables
Redux Pagination
Reusing Actions and Reducers
Best Practices
Preloading Data with Server Side Rendering
Testing Redux Code
Type Checking JavaScript

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

Authors

Table of Contents

A Tale of Two Clients
The Course Overview
Building and Compiling a React Application
One Way Data Flow in React
Serving React Apps from Express
Loading SASS Modules
Isomorphic Rendering
Data Management
Integrating Redux
Isomorphic Redux
Database Access with Knex
Object Relational Mapping with Bookshelf
Authentication
Token Based Authentication
Cookies and CSRF Tokens
Building a Login Form
Staying Authenticated
Routing
Client Side Routing with React-Router
Isomorphic Routing with React-router
Logging Out
Redux CRUD Administration
Create New Records with Express and Bookshelf
Building a New Customer Form with Validation
Incorporating Backend Validations
Reusing Redux Code
Redux Data Tables
Redux Pagination
Reusing Actions and Reducers
Best Practices
Preloading Data with Server Side Rendering
Testing Redux Code
Type Checking JavaScript

Video Details

ISBN 139781788394277
Course Length4 hours and 8 minutes
Read More

Read More Reviews

Recommended for You

Machine Learning: End-to-End guide for Java developers Book Cover
Machine Learning: End-to-End guide for Java developers
$ 75.99
$ 10.00
Front-End Web Development using Go [Video] Book Cover
Front-End Web Development using Go [Video]
$ 124.99
$ 10.00
 Architecting Angular Applications - Flux, Redux & ngrx Book Cover
Architecting Angular Applications - Flux, Redux & ngrx
$ 35.99
$ 10.00
Learning JavaScript Data Structures and Algorithms - Third Edition Book Cover
Learning JavaScript Data Structures and Algorithms - Third Edition
$ 35.99
$ 10.00
Designing and Deploying VMware Horizon View 7 [Video] Book Cover
Designing and Deploying VMware Horizon View 7 [Video]
$ 124.99
$ 10.00
Dockerization - Do more with Docker [Integrated Course] Book Cover
Dockerization - Do more with Docker [Integrated Course]
$ 124.99
$ 10.00