Amazing Redux Snippets! Must study...

ReduxSnippets.md

Snippets To Remember

action - Redux actionCreator

export const  = () => {
  return async dispatch => {
    try {
    
    } catch (e) {}
  };
};

rac - Redux actionCreator

export const actionCreator = (payload) => ({
  type: actionType,
  payload
})

store - Redux Store

import { reducerName } from './reducer'
import { createStore } from 'redux'

const store = createStore(reducerName)

export default store

provider - React-Redux Provider

<Provider store={store}>
  Component
</Provider>

rsc - React Stateless Component

import React from 'react';

const BugsList = () => {
  return (
    <div>
      
    </div>
  );
};

export default BugsList;

rsf - React Stateless Function

import React from 'react';

function BugsList(props) {
  return (
    <div>
      
    </div>
  );
}

export default BugsList;

rxaction - Redux Action

export const first = (payload) => ({
  type: second,
  payload,
});

rxconst - Redux Constant

export const first = 'first';

rxreducer - Redux Reducer

const initialState = {};

export default (state = initialState, { type, payload }) => {
  switch (type) {
    case first:
      return { ...state, ...payload };

    default:
      return state;
  }
};

selector - Redux Select

export const selectorName = createSelector(
  [filter1, filter2]
  (filter1, filter2) => {
    
  }
)

rxselect - Redux Select

import { createSelector } from 'reselect';

export const first = (state) => state.second;

rxslice - Redux Slice

import { createSlice } from '@reduxjs/toolkit';

const initialState = {};

const BugsList = createSlice({
  name: second,
  initialState,
  reducers: {},
});

export const {} = BugsList.actions;

export default BugsList.reducer;