react-redux cheetsheet

react-redux.js

// reducer
const person = {
  name: '',
  age: '',
  national:''
}
export const personReducer = (state = person, action) => {
  switch (action.type) {
    case 'NAME':
        return {...state, name: action.payload}
    default:
      return state;
  }
}


// store/index.js
import {createStore} from 'redux
export const store = createStore(reducer)


// src/index.js

import {Provider} from 'react-redux'
import {store} from 'store/'

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


// App.js

import {useDispatch, useSelector} from 'react-redux'

const name = useSelector(state => state.name);
const dispatch = useDispatch()


dispatch({type:'name', payload: 'Alex'})