Redux Actions

title: Redux Actions

Redux Actions

Redux action is a simple object that describes what sort of event has happened in your application. They can even contain data that needs to be sent from the application to the Redux store. An action can contain anything but it must have a mandatory type property which describes the event taking place. A good practice is to use constants while describing the action.

For example:

const ADD_ITEM = 'ADD_ITEM' const action = { type: ADD_ITEM, text: 'This is the first item' }

Using action constants allows us to reuse the ADD_ITEM variable in our redux reducer and also allows for easier refactoring.

We can send these actions to the store by using

like so

type: ADD_ITEM,
text: ‘This is the first item’

In real world apps it is often better to use functions aptly called Action Creators that accept a payload and return the action object, making them reusable.

function addItem(text) {
return {
type: ADD_ITEM,

store.dispatch(addItem(‘This is the second item’))

An application can have different sorts of events happening at a time and these actions help describe these events. Without these actions there is no way to change the state of the application. ## Action Creators Sometimes it can be a bit verbose to run `store.dispatch({ type: ADD_ITEM, text: 'Text' })` every time you want to dispatch an action. This is why some people choose to make something called "action creators." An action creator is simply a function that returns an action object.

const addItem = text => ({
type: ADD_ITEM,

Now if you want to dispatch that action to the store, just call that function: store.dispatch(addItem('Text')).

You might try redux-actions project that reduces lot of boilerplate making writing your actions way faster.

More Information:

Actions-Redux Offical Docs
redux-actions github project page

This article needs improvement. You can help improve this article. You can also write similar articles and help the community.