Hands-On Design Patterns with React Native

Minimal Redux application example

Before I show you the Redux architecture, let's see it in action. It is vital to get a feeling for what the Redux API looks like. Once we develop the simplest hello world app in Redux, we will move on to a more high-level overview.

The hello world app we will be building is a counter app, as simple as two buttons (increase and decrease) and a text indicating the current count.

Before we dive in, let's install two packages using the following command:

yarn add redux react-redux

Okay, first, let's create some basic Flux pieces that we already know, but this time using the Redux API:

• ActionTypes:

// Chapter 5 / Example 1 / src / flux / AppActionTypes.jsconst ActionTypes = {    INC_COUNTER: 'INC_COUNTER',    DEC_COUNTER ...