redit
Dont go to reddit?! Keep coding!
Unless the subreddit is coding related :Dredit
Dont go to reddit?! Keep coding!
Unless the subreddit is coding related :Dredux
Redux is a state management library
1 Create Initial State
2 Define Action Types
3 Define Action Creators
4 Create Reducers
5 Change the initial State
6 Pass the parameters to the Creator function and the reducers
Code
// Initial State
const initialState = {
todos: [
{
text: "eat food",
},
{
text: "Exercise",
},
],
};
// Action Types
// create a simple action type
const ADD_TODO = "ADD_TODO";
// ACtion creators
function addTodo(text) {
return {
type: ADD_TODO,
payload: text,
};
}
//create reducers
function todoReducer(state = [], action) {
switch (action.type) {
case ADD_TODO:
return [...state.todos, { text: action.payload }];
default:
return state;
}
}
console.log("Initial State : ", initialState);
// Lets make changes to initial states
const action = addTodo("Make it work");
const newState = todoReducer(initialState, action);
console.log(newState);redux
> Redux is an open-source JavaScript library for managing application state.
> It is most commonly used with libraries such as React or Angular for
building user interfaces.redux
// component.js
showNotificationWithTimeout(this.props.dispatch, 'You just logged in.')
// otherComponent.js
showNotificationWithTimeout(this.props.dispatch, 'You just logged out.')
复制代码Redux
npm install redux // adding redux to the project
// creating types
export const SET_USER = 'SET_USER'
//creating actions
export const setUser = user => {
return {
type : SET_USER,
payload : {
currentUser : user
}
}
// creating reducers
const user_reducer = (state=intialState,action)=>{
switch(action.type){
case SET_USER :
return {
currentUser : action.payload.currentUser
}
}Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
