Book Image

Redux Made Easy with Rematch

By : Sergio Moreno
Book Image

Redux Made Easy with Rematch

By: Sergio Moreno

Overview of this book

Rematch is Redux best practices without the boilerplate. This book is an easy-to-read guide for anyone who wants to get started with Redux, and for those who are already using it and want to improve their codebase. Complete with hands-on tutorials, projects, and self-assessment questions, this easy-to-follow guide will take you from the simplest through to the most complex layers of Rematch. You’ll learn how to migrate from Redux, and write plugins to set up a fully tested store by integrating it with vanilla JavaScript, React, and React Native. You'll then build a real-world application from scratch with the power of Rematch and its plugins. As you advance, you’ll see how plugins extend Rematch functionalities, understanding how they work and help to create a maintainable project. Finally, you'll analyze the future of Rematch and how the frontend ecosystem is becoming easier to use and maintain with alternatives to Redux. By the end of this book, you'll be able to have total control of the application state and use Rematch to manage its scalability with simplicity.
Table of Contents (18 chapters)
1
Section 1: Rematch Essentials
6
Section 2: Building Real-World Web Apps with Rematch
11
Section 3: Diving Deeper into Rematch

Preparing the environment

Redux can be used in practically any user interface layer that exists. To start this chapter, we'll build a simple to-do app with Vanilla JavaScript; that means that we'll use plain JavaScript without any additional libraries such as React or jQuery.

In this chapter, we won't need any bundlers such as Webpack. Webpack is a module bundler, which means its main purpose is bundling all of your JavaScript files, style files, and assets to make static assets that can be served directly, for instance, static HTML files. We will need Webpack in the following chapters to make React work with Redux and some external libraries. Using Webpack to bundle websites is commonplace in real-world apps, but for this introduction to Redux, we can explain things without it.

Redux ships Universal Module Definition (UMD) builds. This means that all the code provided by Redux in the distributable package will work on both frontend and backend environments. On...