Redux Boilerplate

Learn about boilerplates.

We'll cover the following

- Setting up on the local environment
- Setting up on the platform

Modern client-side applications often require the use of some boilerplate to make development easier. The boilerplate may include directory structure, code transformation tools, testing infrastructure, and production pipeline tools.

All the popular frameworks have optional command-line tools to help developers quickly bootstrap their projects with all the required settings. These include Create React App, Vue CLI, or the heavier Angular CLI that offers many more features than just project initiation. All of these settings ease the chore of setting up a new project.

Traditional Boilerplates

Get hands-on with 1200+ tech skills courses.

Introduction to Redux

Basic Redux Implementation

Cloning a Redux Boilerplate

Complete Redux Project

Creating a Store

Decorating the Store

Actions and Action Creators

Redux Thunk

Redux-Actions Library

Reducers

Avoiding Mutations

Introduction to Middleware

Your First Middleware

Middleware

State Management

Keeping a Normalized State

Persistence State

Real-World State

Server Communication

Moving Code from Action Creators

Error Handling

Server Communication II

Transforming Data

Chaining Requests

Managing Side Effects

Messaging Patterns

WebSockets

WebSocket Authentication

Testing

Testing Action Creators

Async Action Creators

Testing Reducers

Testing Middleware

Testing Async Middleware

Integration Tests

Evolution Of Redux

Final Assessment

Redux Boilerplate