https://redux.js.org/introduction/getting-started
https://react.vlpt.us/redux/01-keywords.html
액션
형태 : {type:"TOGGLE_VALUE} type은 필수이며 이름 역시 대문자로만 지어야 함. 그 외는 자유
예){type:"ADD_TODO",data:{id:0,text:"리덕스 배우기"}}
생성함수
react처럼 짜면 된다.
export function addTodo(data){ return { type:"ADD_TODO",data};} 또는
export let changeInput=text=>({type:"CHANGE_INPUT",text});
첫번째 줄과 같이 위에 data로 짰다는걸 안다면 data로 불러 낼 수 있다
리듀서(Reducer)-변화를 일으키는 함수
형태 : function reducer(state,action){return alteredState;}
npm create react-app ‘프로젝트이름’ – 생성
npm i react-redux redux – 설치
특이한 객체들
combineReducers-redux : redux 모듈들을 하나로 묶을 때 사용함. import로 만든 모듈들을 불러와서 하나의 객체로 묶음
let *=combineReducers({import로 불러온 값들,여러개면,로 구분})
Provider-react-redux : 컴포넌트로 들고와줌
createStore-redux : store를 만들기 위한 값, 뒤에 가서 toolkit이 사용되기 때문에 현재는 줄이 그여짐. 사용해도 무관함