36 lines
1.2 KiB
Markdown
36 lines
1.2 KiB
Markdown
|
---
|
||
|
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 send from the application to the Redux store. 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
|
||
|
|
||
|
```javascript
|
||
|
const ADD_ITEM = 'ADD_ITEM'
|
||
|
```
|
||
|
|
||
|
```javascript
|
||
|
{
|
||
|
type: ADD_ITEM,
|
||
|
text: 'This is the first item'
|
||
|
}
|
||
|
```
|
||
|
We can send these actions to the store by using
|
||
|
```javascript
|
||
|
store.dispatch()
|
||
|
```
|
||
|
An application can have different sorts of events happening at a time and these actions helps describe these events. Without these actions there is no way to change the state of the application.
|
||
|
|
||
|
You might try [redux-actions](https://github.com/redux-utilities/redux-actions) project that reduces lot of boilerplate making writing your actions way faster.
|
||
|
|
||
|
#### More Information:
|
||
|
<!-- Please add any articles you think might be helpful to read before writing the article -->
|
||
|
[Actions-Redux Offical Docs](https://redux.js.org/basics/actions)
|
||
|
[redux-actions](https://github.com/redux-utilities/redux-actions) github project page
|
||
|
|
||
|
|