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

# Creating reducers with createReducer 
Of all Redux main actors, `reducers` getS the worst rap. Everyone seems to have something against them. From the widely annoying `switch` statements to the immutability constraints you have to employ, it’s easy to see why.

Well, let’s see what RTK’s has to offer to cure some of these woes. 

The `createReducer` helper function, as you may have guessed, helps you write reducers with ease. Let’s explore its basic API. 

Consider the Flappy reducer: 

export const reducer = (state = INITIAL_STATE, action) => {
  switch (action.type) {
    case updateCatMood.type:
      return { ...state, mood: action.payload };

    default:
      return state;
  }
};

This is a standard reducer creation set up, but the main goal of a reducer is to take in actions and return a new state while handling defaults and initial state. 

With `createReducer`, a map object notation may be used as follows: 

const reducer = createReducer(initialState, actionsMap)

`actionsMap` is an object mapping from action types to case reducers. 

It's probably all fuzzy to you without a practical example, so let’s refactor Flappy to use `createReducer` with the map object notation explained above. 

Get started with the createStore utility provided by Redux toolkit. In addition, learn how to simplify the creation of Redux reducers.

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

Creating Reducers with createReducer

Creating reducers with createReducer