행복한 딸기 🍓

reducers (액션 생성자) 추가 기능 ➡️ immer로 수정 내 코드 : // 추가 기능 addTodo: (state, action) => { return [...state, action.payload]; }, 수정 코드 : // 추가 기능 addTodo: (state, action) => { // immer => 불변성 유지하면서 상태를 수정 state.push(action.payload); }, immer를 사용하면 좋은 점 : 불변성을 유지하면서 쉽게 상태를 업데이트를 할 수 있다. 코드가 간결해지고 가독성이 향상되어 유지보수가 쉬워진다. 1. 간편한 불변성 유지 2. 가독성과 유지보수성 향상 3. 높은 생산성 4. 성능 최적화 5. 쉬운 중첩된 객체 업데이트 옵셔널 체이닝 추가 (Option..

Redux Toolkit 패키지 설치 YARN yarn add react-redux @reduxjs/toolkit NPM npm install react-redux @reduxjs/toolkit configStore 파일을 따로 만들지 않고 index.js 파일에 바로 중앙데이터저장소를 만든다. 필요한 기능 ➡️ reducers 안에 만들어준다. (추가, 삭제, 수정) import React from "react"; import ReactDOM from "react-dom/client"; import App from "./App"; import { BrowserRouter } from "react-router-dom"; import { Provider } from "react-redux"; import ..