# useReducer

React 라이브러리 Immer
Immer useReducer를 사용할때 중첩된 객체가 많으면 많을 수록 불변성의 특징으로 인해 코드가 복잡해진다. 좀 더 직관적인 방법으로 코드를 작성하고 싶다면 Immer를 사용하면 된다. Immer는 직접 관리해야 되는 불변성을 대신 관리해준다고 생각하면 된다.
(번역) Reducer에 State 로직 추출하기 - NEW 리액트 공식문서
너무 많은 이벤트 핸들러들과 너무 많은 State updater 함수가 있는 컴포넌트는 복잡해지기 쉽상이다. 이럴 때 모든 state upater 로직을 컴포넌트 밖에 있는 reducer라는 단 하나의 함수에 때려박을 수 있다! > ### 이 문서에서는 reducer

[TIL] useReducer
상태 관리시 useState 말고 useReducer를 쓰게 되면..컴포넌트의 상태 업데이트 로직을 컴포넌트에서 분리시킬 수 있다.상태 업데이트 로직을 컴포넌트 바깥에 작성 할 수 있다.다른 파일에 작성 후 불러와서 사용 할 수도 있다.

조금조금 REACT, HOOK - useReducer
Hook useReducer 는 쉽게 말하면, useState의 상위 호환버전으로 useState의 내용이 복잡할 때, 이를 이용하여 보다 쉽고 간편하게 상태를 변경할 수 있다.

Today I Learned 2023.02.28. [React 프로젝트 2]
useContext와 useReducer를 이용해서 좀더 유연한 컴포넌트를 만들어본다.
[React hooks] useReducer, useState 비교하기
useState, useReducer 둘다 state 관리에 유용한 hooks이다. 상태 저장 값과 업데이트하는 함수를 반환한다는 점에서 두가지 기능은 동일하지만 상황에 따라 어떻게 구별해서 사용해야하는지 의문이 들었다. 두 가지 함수를 살펴보며 예시를 만들어보고 비교

[React] useReducer 훅 사용하기
useReducer는 상태를 관리하고 업데이트를 하는 훅으로 useState에 비해서 큰 프로젝트에서 대신 사용하는 훅이라고 볼 수 있다. useState와의 가장 큰 차이점은 컴포넌트 외부에 업데이트 로직을 만들어 줌으로써 코드를 최적화 시킨다.state는 컴포넌트

React 4회차
Prop Drilling은 React에서 props를 이용해 컴포넌트 간 데이터를 전달할 때 해당 데이터가 필요없는 컴포넌트도 거지는 것이다.위 그림처럼 컴포넌트 A의 데이터를 컴포넌트 C로 전달하기 위해 사이에 있는 컴포넌트 B를 거쳐야한다.문제점prop 전달이 깊어
#7. useReducer 꼭 써야될까?
❓의문. useState로 상태 변화가 가능한데, useReducer를 굳이 사용하는 이유?👉 취지가 다름 !고객이 은행업무를 본다고 예를 들어보자. 고객은 한 명이 아니고, 또 은행의 상품도 한 가지가 아니다!모든 고객이 은행의 모든 상품 그리고 모든 업무를 직접
8. useEffect, useReducer, useDispatch, useSelector, useMemo, useCallback
8. useEffect, useReducer, useDispatch, useSelector, useMemo, useCallback 참고용 velog https://velog.io/@ty-yun21/react8 참고용 github https://github.com/ty-yoon21/react-study1 commit message : 목표 useEffec...
useState에서 useReducer로 가는 길
useState의 단점 우리가 작성하는 컴포넌트에 복잡한 로직이 들어갈 수록, 컴포넌트 내의 state를 처리하는 로직에 대한 관리가 어려워진다. 아래 예제를 보자. !codesandbox[epic-haslett-4v0g5k?fontsize=14&hidenavigat

[React] useReducer
useReducer useState 처럼 state를 생성하고 관리할수잇게 해주는 도구이다. 여러개의 하위값을 포함하는 복잡한 state를 다뤄야할때 사용하면 코드를 깔끔하게 사용가능하고 유지보수가 편해진다. 구성 Reducer Dispatch Action으로
useReducer
useState처럼 state를 생성하고 관리할 수 있게 해주는 hook복잡한 하윗값을 쓰게 될때 useState대신 useReducer을 사용하면 좋아여useReducer 사용하기 전에 알아둬야할 3가지DispatchReducerAction은행(Reducer)에 철수

React- useReducer
useState로 상태관리를 해주었지만 useState말고도 useReducer를 이용한 상태관리가 가능하다. useReducer를 사용하면 컴포넌트의 상태 업데이트를 다른 파일에 불러와서 사용할 수도 있고, 컴포넌트 바깥에서 사용할 수도 있다.위 예제에서 state.
리팩토링 3. 사용자 입력 컴포넌트 개선
무엇이 문제인가 서비스에서 사용자는 많은 정보들을 입력해야한다. 아이디, 비밀번호, 이메일 기타등등.. 그리고 각 입력값들은 제한조건들이 존재한다. 예를 들면 이메일 양식은 영어와 @의 조합으로 구성되어야 한다던가 비밀번호에 특수문자가 포함되어 있을 수 있다. 제한조건