Enpatika

At its core, Redux is really a fairly simple design pattern: all your “write” logic goes into a single function, and the only way to run that logic is to give Redux a plain object that describes something that has happened .

Redux data flow. Actions: Actions are a plain JavaScript object that contains information . Actions are the only source of information for the store. Actions have a type field that tells what kind of action to perform and all other fields contain information or data.

What is Redux? Redux is an architecture in which all of your app’s state lives in one container . The only way to change state is to create a new state based on the current state and a requested change. The Store holds all of your app’s state. An Action is immutable data that describes a state change.

There are three building parts: actions, store, and reducers . Let’s briefly discuss what each of them does. This is important because they help you understand the benefits of Redux and how it’s to be used.

In this brief introduction to Redux, we’ll go over the main concepts: reducers , actions , action creators and store . It can seem like a complex topic at first glance, but the core concepts are actually pretty straightforward.