Best practice for naming redux action type description
Currently when using action type named as
MY_ACTION_TYPE_1 = 'MY_ACTION_TYPE_1' when it gets really long, it becomes utterly unreadable as it got cut off from the view in the redux chrome extension. what is the best practice to name the value? Nature language (i.e. MY_ACTION_TYPE_1 = 'My action type 1') or should always be the same as the variable name above?
Is there any trade-offs or problem if I set the action type name value different than the action type variable name itself?
i.e. below, see the one in natural language wrap nicely, while the all cap one word method just got cut off.
You should feel free to give your action types whatever value you find to be most maintainable and informative. Redux itself doesn't care what the values are, and doesn't even care if it's a string. You just need to make them different enough that your code can correctly determine when to update appropriate pieces of state, and informative enough that it's easy to debug your application.
- Failed prop type: Invalid prop `onClick` of type `object` supplied to `Button`, expected `function`
- Issue with Dispatching Redux Actions in React Component
- React Enzyme Props Not Set on Mount
- Next.js with next-redux-wrapper state is being reset to initial value when navigating using Link
- Reactotron setup using redux, store undefined
- React using createSelector with dynamic arguments
- React component will not update when using redux and createSelector, not detecting UI changes
- Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop
- Why is there less need to normalize state with RTK Query?
- React Beautiful DnD: Unable to Drop Songs into Folders After Fetching Data
- While debugging, can I have access to the Redux store from the browser console?
- Next.js Redux with redux-persist hydration error
- React-Redux: Actions must be plain objects. Use custom middleware for async actions
- Inertiajs onFinish not working in redux toolkit reducer
- Bind react component to part of redux state
- What is difference between useQuery and initiate in RTK query?
- React redux update a list of objects nested objects
- adding objects to collections elements using spread syntax
- How to use spread operator on nested javascript objects?
- Returning mutated object with some key modified using spread operator
- How to dispatch a Redux action with a timeout?
- Redux Toolkit store resets when navigating via URL input, but works fine with React Router navigation
- When to use ES6 class based React components vs. functional ES6 React components?
- React-redux batch on React v.18
- Error While using Redux - Uncaught TypeError: Cannot read properties of undefined (reading 'items')
- redux-saga cancel effect trigger error "is already running" while it does cancel
- Enable to retrieve data initialize by a dispatched action when the component is mounted
- Typescript types for a hook that returns a piece of the Redux state
- React Redux: How to handle errors in RTK Queries/Mutation Typescript?
- React mapStateToProps state calling reducers infinitely