Install redux npm

Npm install redux and react-redux

npm install redux react-redux --save

Redux install

npm install redux

React redux install

npx create-react-app <name> --template redux // without typescript
npx create-react-app <name> --template redux typescript // with typescript

Install redux npm

# NPM
npm install redux

# Yarn
yarn add redux

Source: redux.js.org

Install redux

Copynpm install redux

Source: redux.js.org

Npm redux

import { createStore } from 'redux'

/**
 * This is a reducer, a pure function with (state, action) => state signature.
 * It describes how an action transforms the state into the next state.
 *
 * The shape of the state is up to you: it can be a primitive, an array, an object,
 * or even an Immutable.js data structure. The only important part is that you should
 * not mutate the state object, but return a new object if the state changes.
 *
 * In this example, we use a `switch` statement and strings, but you can use a helper that
 * follows a different convention (such as function maps) if it makes sense for your
 * project.
 */
function counter(state = 0, action) {
  switch (action.type) {
    case 'INCREMENT':
      return state + 1
    case 'DECREMENT':
      return state - 1
    default:
      return state
  }
}

// Create a Redux store holding the state of your app.
// Its API is { subscribe, dispatch, getState }.
let store = createStore(counter)

// You can use subscribe() to update the UI in response to state changes.
// Normally you'd use a view binding library (e.g. React Redux) rather than subscribe() directly.
// However it can also be handy to persist the current state in the localStorage.

store.subscribe(() => console.log(store.getState()))

// The only way to mutate the internal state is to dispatch an action.
// The actions can be serialized, logged or stored and later replayed.
store.dispatch({ type: 'INCREMENT' })
// 1
store.dispatch({ type: 'INCREMENT' })
// 2
store.dispatch({ type: 'DECREMENT' })
// 1

Source: npmjs.com

Similar codes

21 votes166 views1 answer
How to get homebrew
Shell/Bash
1 vote232 views1 answer
How to create a junction between folders
Shell/Bash
0 vote191 views1 answer
Expo cli not installing
Shell/Bash
8 votes180 views3 answers
Bash find file in directory
Shell/Bash
0 vote175 views1 answer
Node-gyp rebuild error ubuntu 20.04
Shell/Bash
3 votes164 views2 answers
Lumen serve command
Shell/Bash
0 vote205 views3 answers
Cat: /var/jenkins_home/secrets/initialAdminPassword: No such file or directory
Shell/Bash
1 vote177 views2 answers
Heroku buildpacks
Shell/Bash
4 votes205 views2 answers
Remote: error: GH001: Large files detected. You may want to try Git Large File Storage - https://git-lfs.github.com.
Shell/Bash
-2 votes179 views1 answer
Instal maven in mac brew
Shell/Bash