# useReducer

74개의 포스트
post-thumbnail

useReducer란?

useReducer란? React의 상태관리를 위한 Hook중 하나이다. useState와 비슷하지만 컴포넌트와 컴포넌트 업데이트 로직을 분리할 수 있다는 장점이 있다. Context API로 전역 값을 관리할 때 사용되는 Hook이다. > useReducer 사용법

5일 전
·
0개의 댓글
post-thumbnail

220517 TIL

유튜브 별코딩님의 강의를 보고 작성한 나의 일지state 관리를 도와주는 hook!따지자면, useState 와 마찬가지로 staet 를 생성하고 관리하게 도와주는 도구여러 개의 하위값을 포함하는 복잡한 state 를 다뤄야 할 때, 사용하면 좋다!알아야 할 3가지!R

5일 전
·
0개의 댓글
post-thumbnail

[Udemy] React 기본 - 일기장 만들기(13) 복잡한 상태 관리 로직 분리 : useReducer

복잡한 상태 변화 로직을 App 컴포넌트로부터 분리하여 일기장을 업그레이드 한다

2022년 5월 7일
·
0개의 댓글
post-thumbnail

React Hook

React Hook에 대해 정리했다.

2022년 5월 1일
·
0개의 댓글

React useReducer

사용이유 useState의 대체 함수로 컴포넌트 상태관리하는 값이 많고 복잡하다면 useReducer를 사용하여 읽히기 쉽게 바꿔준다. 사용법 > const [state, dispatch] = useReducer(reducer, initialState); state:

2022년 4월 24일
·
0개의 댓글
post-thumbnail

useReducer action.data not iterable 오류 해결

dispatch를 이용하여 dispatch의 data들을 reducer에게 action으로 보내주는 상황onCreate의 매개변수들을 전달받아 action으로 reducer에게 전달한다.그러나 TypeError가 발생한다. action.data 즉, type과 함께

2022년 4월 14일
·
0개의 댓글

리액트를 다루는 기술 : Hooks [useReducer,useMemo,useCallback]

useReducer에서 사용하는 액션 객체는 반드시 type을 지니고 있을 필요는 없다. 심지어 객체가 아니라 문자열이나 숫자여도 상관없다. 함수 내부에서 상태 값에 의존해야 할 때는 그 값을 반드시 두 번째 파라미터 안에 포함시켜 주어야 한다.

2022년 3월 24일
·
0개의 댓글
post-thumbnail

React Hook - useReducer

상태변화 로직 분리 한 컴포넌트에 많은 스테이트를 관리하게되면 복잡해짐 분리해서 사용해도 스테이트처럼 사용이 가능함

2022년 3월 24일
·
0개의 댓글
post-thumbnail

useReducer 1

출처 : 유튜브 별코딩 https://www.youtube.com/watch?v=tdORpiegLg0 useReducer란? useState처럼 state를 생성, 관리할 수 있게 해주는 도구 여러개의 하위값을 포함하는 복잡한 State를 써야 할 때 useState

2022년 3월 22일
·
0개의 댓글
post-thumbnail

useReducer

쉽고 간편한 useReducer

2022년 3월 18일
·
0개의 댓글
post-thumbnail

배열에서 추가,수정,삭제 기능(useState와 useReducer로 구현)

그동안 조금 부족한듯한 state 관리를 중점으로 기능을 만들어 보았다.name과 email을 추가name과 email을 수정name과 email을 삭제name을 클릭하면 색깔 변경

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

useReducer, useContext 함께 사용하기

reducer는 state를 변경하는 함수들의 모음이라고 생각하시면 됩니다.모음이라 함은 당연히 여러 경우의 수가 있다는 뜻이겠죠. 여러 경우의 수가 존재하지 않는다면 useState로 state를 관리하시는 편이 훨씬 이로울 것입니다.reducer 함수에서 retur

2022년 3월 1일
·
0개의 댓글

[React Hooks] useReducer & 상태관리

useReducer useReducer 적용하기

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

React Hook - useReducer

useReducer는 higher-order function 의 reduce랑 같은 개념을 공유하고 있다. reducer 함수를 pass하면 reduce함수에 의해서 state가 새로 갱신되어 최종값이 저장된다. 그래서 useState를 대체할 수 있다.바로 코드로 살

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

넘블 미션 회고 : 상태 관리 라이브러리 없이 상태를 관리하시오.

React의 상태 관리에 대해 고민하기 위해 Numble에서 주최한 '상태관리 라이브러리를 사용하지 않고 다른 색깔 찾기 게임 제작' 프로젝트에 참여했습니다. 그 과정에 대한 회고입니다.

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

[React] - 다른 색깔 찾기 게임 제작 챌린지

넘블 다른 색깔 찾기 게임 제작 챌린지 구현과정에 관한 글입니다.

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

useReducer

또 다른 빌트인 훅상태 관리를 도와준다.useState와 비슷하지만, 능력이 더 많고 더 복잡한 상태일 때 유용하다.  👉  복잡한 multiple 상태일 대 useState를 사용하고 관리할 때 에러를 일으킨다, 이건 안좋은 상황이거나 효율적이지 않거나 잠재적인

2022년 2월 3일
·
0개의 댓글

상태 관리에 사용되는 훅

[TIL][엘리스 SW 엔지니어 트랙] 12주차 - 상태 관리에 사용되는 훅

2022년 1월 12일
·
0개의 댓글
post-thumbnail

[KDT]FCFE - 8주3일 React Practice

: Higher Order Component ( 고차 컴포넌트 )HOC = function(컴포넌트) { return 새로운 컴포넌트;}컴포넌트를 받아 새로운 컴포넌트를 리턴하는 함수 이다.withRouter(컴포넌트) -> router에 의해 호출되지 않아도 matc

2022년 1월 12일
·
0개의 댓글
post-thumbnail

[React] useReducer() (feat.일기장)

useReducer를 사용하여 일기데이터 상태변화로직을 App.js컴포넌트로부터 분리한다App.js컴포넌트에서 기존 작성했었던 useState를 주석처리하고 useReducer로 관리(useReducer를 사용하는 이유는 복잡한 상태변화로직을 컴포넌트 밖으로 분리하기위

2022년 1월 11일
·
0개의 댓글