Delve into Redux Toolkit to streamline Redux development with best practices. Gain insights into creating stores and reducers, and build TweetFind, a Twitter search app, for your portfolio.

data.tar.gz

main-branch

ice-creamy-completed

tweetfind-completed

Learn Redux toolkit (RTK) which highlights the new redux best practices and the new standard of developing applications. With RTK, redux development is more efficient and easier to understand.

Redux toolkit brings the much-needed simplicity you’ve longed for in your redux development. It has out-of-the-box support to handle common use cases such as creating the redux store, creating reducers, handling immutable update logic, and much more.

At the end of the course, you will build tweetfind, a Twitter search application. This will be a great addition to your portfolio.

Intermediate Redux with Redux Toolkit

# The createAction API 
The API for `createAction` is simple but very much needed. 

Consider the typical way to create a Redux action. We’ve followed a similar pattern with Flappy. 

(i) Create a type string.


export const UPDATE_MOOD = "UPDATE_MOOD";

export const updateCatMood = (payload) => ({
  type: UPDATE_MOOD,
  payload,
});

Action objects have a somewhat fixed shape, making it obvious to automate its creation. With `createAction`, we can merge the steps above into one. Just invoke `createAction` with an action type. 

export const UPDATE_MOOD = "UPDATE_MOOD";

export const updateCatMood = createAction(UPDATE_MOOD);

While the utility name says `createAction`, it doesn’t create an action but an action creator. Don’t be fooled by the rather misleading moniker. 

`updateCatMood` is an action creator, and we may invoke it to return an action object. 

Get started with the createAction utility provided by Redux toolkit. Additionally, learn how to simplify the creation of your Redux actions.

What is Redux Toolkit and Why Use it?

Building Your First Redux Toolkit Application

Challenge on Building Your First Redux toolkit Application

RTK Deep Dive: Build a Twitter Search Application

Conclusion: Where to Go From Here

Appendix

Define Redux Actions with createAction

The createAction API