# useReducer

123개의 포스트
post-thumbnail

React 라이브러리 Immer

Immer useReducer를 사용할때 중첩된 객체가 많으면 많을 수록 불변성의 특징으로 인해 코드가 복잡해진다. 좀 더 직관적인 방법으로 코드를 작성하고 싶다면 Immer를 사용하면 된다. Immer는 직접 관리해야 되는 불변성을 대신 관리해준다고 생각하면 된다.

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

React useReducer - 컴포넌트 재사용

useReducer

2023년 3월 14일
·
0개의 댓글
·

(번역) Reducer에 State 로직 추출하기 - NEW 리액트 공식문서

너무 많은 이벤트 핸들러들과 너무 많은 State updater 함수가 있는 컴포넌트는 복잡해지기 쉽상이다. 이럴 때 모든 state upater 로직을 컴포넌트 밖에 있는 reducer라는 단 하나의 함수에 때려박을 수 있다! > ### 이 문서에서는 reducer

2023년 3월 12일
·
0개의 댓글
·
post-thumbnail

[TIL] useReducer

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

2023년 3월 6일
·
0개의 댓글
·

멘토 바꾸기/추가하기/삭제하기(useReducer)

useReducer 사용하기

2023년 3월 2일
·
0개의 댓글
·
post-thumbnail

[React] Hook

useState, useEffect, useReducer

2023년 3월 1일
·
0개의 댓글
·
post-thumbnail

조금조금 REACT, HOOK - useReducer

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

2023년 3월 1일
·
0개의 댓글
·
post-thumbnail

Today I Learned 2023.02.28. [React 프로젝트 2]

useContext와 useReducer를 이용해서 좀더 유연한 컴포넌트를 만들어본다.

2023년 2월 28일
·
1개의 댓글
·

[React hooks] useReducer, useState 비교하기

useState, useReducer 둘다 state 관리에 유용한 hooks이다. 상태 저장 값과 업데이트하는 함수를 반환한다는 점에서 두가지 기능은 동일하지만 상황에 따라 어떻게 구별해서 사용해야하는지 의문이 들었다. 두 가지 함수를 살펴보며 예시를 만들어보고 비교

2023년 2월 26일
·
0개의 댓글
·
post-thumbnail

[React] useReducer 훅 사용하기

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

2023년 2월 25일
·
0개의 댓글
·
post-thumbnail

React 4회차

Prop Drilling은 React에서 props를 이용해 컴포넌트 간 데이터를 전달할 때 해당 데이터가 필요없는 컴포넌트도 거지는 것이다.위 그림처럼 컴포넌트 A의 데이터를 컴포넌트 C로 전달하기 위해 사이에 있는 컴포넌트 B를 거쳐야한다.문제점prop 전달이 깊어

2023년 2월 18일
·
0개의 댓글
·

#7. useReducer 꼭 써야될까?

❓의문. useState로 상태 변화가 가능한데, useReducer를 굳이 사용하는 이유?👉 취지가 다름 !고객이 은행업무를 본다고 예를 들어보자. 고객은 한 명이 아니고, 또 은행의 상품도 한 가지가 아니다!모든 고객이 은행의 모든 상품 그리고 모든 업무를 직접

2023년 2월 13일
·
0개의 댓글
·

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...

2023년 2월 8일
·
0개의 댓글
·

useState에서 useReducer로 가는 길

useState의 단점 우리가 작성하는 컴포넌트에 복잡한 로직이 들어갈 수록, 컴포넌트 내의 state를 처리하는 로직에 대한 관리가 어려워진다. 아래 예제를 보자. !codesandbox[epic-haslett-4v0g5k?fontsize=14&hidenavigat

2023년 2월 4일
·
0개의 댓글
·
post-thumbnail

[React] useReducer

useReducer useState 처럼 state를 생성하고 관리할수잇게 해주는 도구이다. 여러개의 하위값을 포함하는 복잡한 state를 다뤄야할때 사용하면 코드를 깔끔하게 사용가능하고 유지보수가 편해진다. 구성 Reducer Dispatch Action으로

2023년 2월 2일
·
0개의 댓글
·
post-thumbnail

useReducer()

reducer(state, action), dispatch

2023년 1월 12일
·
0개의 댓글
·

useReducer

useState처럼 state를 생성하고 관리할 수 있게 해주는 hook복잡한 하윗값을 쓰게 될때 useState대신 useReducer을 사용하면 좋아여useReducer 사용하기 전에 알아둬야할 3가지DispatchReducerAction은행(Reducer)에 철수

2023년 1월 7일
·
0개의 댓글
·
post-thumbnail

React- useReducer

useState로 상태관리를 해주었지만 useState말고도 useReducer를 이용한 상태관리가 가능하다. useReducer를 사용하면 컴포넌트의 상태 업데이트를 다른 파일에 불러와서 사용할 수도 있고, 컴포넌트 바깥에서 사용할 수도 있다.위 예제에서 state.

2023년 1월 6일
·
0개의 댓글
·

리팩토링 3. 사용자 입력 컴포넌트 개선

무엇이 문제인가 서비스에서 사용자는 많은 정보들을 입력해야한다. 아이디, 비밀번호, 이메일 기타등등.. 그리고 각 입력값들은 제한조건들이 존재한다. 예를 들면 이메일 양식은 영어와 @의 조합으로 구성되어야 한다던가 비밀번호에 특수문자가 포함되어 있을 수 있다. 제한조건

2023년 1월 1일
·
0개의 댓글
·