# redux-toolkit
[TIL] redux-toolkit
사용 이유redux를 아무 라이브러리 없이 사용할 때 너무 많은 코드가 생성되어서 redux-actions라는 것을 사용하게 되고, 불변성을 지켜야하는 원칙 때문에 immer를 사용하게되고, store 값을 효율적으로 핸들링하여 불필요한 리렌더링을 막기 위해 resel
redux-toolkit
리덕스 툴킷은 리덕스를 보다 작은 코드양으로 간편하게 사용할 수 있는 방법이다.리덕스 툴킷은 리덕스를 사용하다보면 redux devtool, immer, thunk 등 여러가지 라이브러리를 추가적으로 설치해야 하지만, redux-toolkit 내부에 이미 설치가 되어
[Redux, JS]_todoList
일단 삭제를 했지만, 다른 액션에 문제가 발생한 상황...그래서 좀 더 잘하는 친구에게 이 에러를 맡기기로 했고...나는 일단 redux에 대해서 자료를 올려놓고, 저 에러가 해결이 된다면, 그때 다시 수정해서 올리겠다.난 항상 로직도 문제지만, redux를 어떻게 작
Today I Learned 2023.03.10. [React 심화1]
Redux ToolKit 적용시켜보고, 이를 기존의 프로젝트에 그대로 이용해본다. 이제 서버와 연결해보면서, 그에 맞는 요청과 에러핸들링을 시작한다.
[React] Redux toolkit
리덕스의 상태 데이터가 많아질수록 객체 내부의 데이터의 양이 방대해진다. 그럴 때마다 액션 로직 또한 해당 객체의 양식을 그대로 리턴해야 되기 때문에 리덕스 코드가 길어지고, 파일이 무거워질 수밖에 없다. 이런 경우 어떻게 할까? 실수로 중첩된 데이터 등을 바꿀 수 없
리덕스 미들웨어
Redux 미들웨어는 액션을 dispatch 전달하고 리듀서에 도달하는 순간 사이에 사전에 지정된 작업을 실행할 수 있게 해주는 중간자이다.로깅, 충돌 보고, 비동기 API와 통신, 라우팅 등을 위해 Redux 미들웨어를 사용한 다.
[Next.js] next-redux-wrapper, redux-toolkit 사용하기
redux-toolkit: 리덕스 툴킷(redux toolkit) 은 리덕스를 불편한 점을 보완하기위해 나온 개발 도구이다. 리덕스는 복잡한 저장소 구성, 수많은 라이브러리에 대한 의존성, 그리고 하나의 작업마다 많아지는 코드양 등의 문제점이 있었다. 하지만 리덕스 툴
[Coddit] createAsyncThunk를 이용한 비동기 데이터 처리
Reddit 클론 프로젝트를 구축하는 데에 있어서 중요했던 것 중 하나는 동기식 및 비동기식 데이터 처리에 익숙해지는 것이었다. 동기적 데이터 처리는 직관적이고 간단해 보였지만, 비동기적 데이터 처리는 더 불편하고 어려워 보였다. 물론, 동기식 데이터 처리를 이용하
2023-02-18(리덕스 툴킷)
TOOL(도구) + kit(간편하게 쓰기위한 kit) = 리덕스의 구조와 패러다임과 다르지 않다. 다만 조금만 간편해진다.리덕스 툴킷 패키지를 깐다store를 구성하는 방법\------>createSlice에서 얻은 결과물을 couterSlice에 저장(action c
리액트 - Redux Toolkit
2월17일 여정 40일차이다. Redux의 기본 구조는 일단 상태 내에 무엇인가를 변경하기 위해 액션을 디스패치 하게된다. 액션이란 어떤 작업을 할지 설명해주는 자바스크립트 순수 객체이다.이 액션은 리듀서로 모이게 된다. 리듀서라는 함수는 액션을 인자로 하여 어플리케이
[TIL] Redux-Toolkit 2 - Main Project
Action → Dispatch → Reducer → Store 메인 프로젝트를 진행하면서 공부했던 리덕스 툴킷 / 내 블로그 링크 이번 메인 프로젝트 때 저장소로 이용했던 리덕스 툴킷에 대해서 프로젝트와 연결해서 자세하게 공부해 보았다. Redux-Toolki
React) redux-toolkit
Redux-toolkit리덕스 툴킷 사용 이유리덕스의 기존 단점이였던, 보일러플레이트 코드가 줄어든다.(보일러플레이트란? 최소한의 변경으로 여러곳에서 재사용되며, 반복적으로 비슷한 형태를 띄는 코드)패키지 의존성을 줄여준다 (redux devtool, immer등 여러
[Next.js] Redux-toolkit 이용하여 회원가입 구현
하나의 페이지 내에서 컴포넌트만 변경하며 회원가입 진행한다. 이를 위해 Redux를 이용하여 컴포넌트와 회원정보를 관리해준다.
[Redux] 왜 redux를 사용해야 할까? (feat. 검색 기능)
💬 최근 몇달간 React로 본격적으로 웹 FE를 개발하며 하며 느낀 라이브러리 사용, 상태 관리에 관한 생각들을 정리해보려고 한다. 리액트 상태 관리 ⚛️ 리액트로 웹 개발을 하다보면 가장 많이 신경쓰게 되는 것 중 하나가 상태, state 관리이다. sta
[TIL] Redux-Toolkit
Redux 를 예전에 복습했던 게시글이 있다. 심지어 이것도 상당히 오래된... 정확하게! 개념을 알아가야 툴킷이고 뭐고 더 쉽다고들 하는 zustand, recoil 등등 할
Weather🌤️ 프로젝트(with react, redux, node.js) 후기
공공 데이터를 활용해 날씨 정보를 알려주는 웹사이트를 만든 weather 프로젝트 후기