Redux Quick Start Guide

A beginner's guide to managing app state with Redux

Integrate Redux with React and other front-end JavaScript frameworks efficiently and manage application states effectively

Key Features

• Get better at building web applications with state management using Redux
• Learn the fundamentals of Redux to structure your app more efficiently
• This guide will teach you develop complex apps that would be easier to maintain

Book Description

Starting with a detailed overview of Redux, we will follow the test-driven development (TDD) approach to develop single-page applications. We will set up JEST for testing and use JEST to test React, Redux, Redux-Sage, Reducers, and other components. We will then add important middleware and set up immutableJS in our application. We will use common data structures such as Map, List, Set, and OrderedList from the immutableJS framework. We will then add user interfaces using ReactJS, Redux-Form, and Ant Design.

We will explore the use of react-router-dom and its functions. We will create a list of routes that we will need in order to create our application, and explore routing on the server site and create the required routes for our application. We will then debug our application and integrate Redux Dev tools.

We will then set up our API server and create the API required for our application. We will dive into a modern approach to structuring our server site components in terms of Model, Controller, Helper functions, and utilities functions. We will explore the use of NodeJS with Express to build the REST API components. Finally, we will venture into the possibilities of extending the application for further research, including deployment and optimization.

What you will learn

• Follow the test-driven development (TDD) approach to develop a single-page application
• Add important middleware, such as Redux store middleware, redux-saga middleware, and language middleware, to your application
• Understand how to use immutableJS in your application
• Build interactive components using ReactJS
• Configure react-router-redux and explore the differences between react-router-dom and react-router-redux
• Use Redux Dev tools to debug your application
• Set up our API server and create the API required for our application

Who this book is for

This book is meant for JavaScript developers interesting in learning state management and building easy to maintain web applications.