# useReducer

26개의 포스트
post-thumbnail

React Hooks 이해하기 (2)

useState로만상태를 새롭게 업데이트하는 로직이 복잡할 때 상태 업데이트 로직을 따로 분리할 수 있다.useState와 useRef 모두 상태관리를 위해 사용할 수 있습니다. 다만 useState의 경우 state변화 후에 re-rendering을 진행하는 반면 u

약 22시간 전
·
0개의 댓글
post-thumbnail

useReducer

useReducer로 자주 사용하지는 않았지만 알아둘 필요가 충분히 있다고 생각함.useState로 함수형 컴포넌트에서 State관리를 할수가 있다.useReducer는 state를 업데이트하는 로직이 좀더 복잡할 때 사용하면 유용하다.const \[state, di

2021년 1월 6일
·
0개의 댓글
post-thumbnail

[React] UseReducer 이해하기

이번 시간에는 useReducer에 대해 알아보겠습니다! useReducer VS useState useReducer도 useState처럼 상태값을 관리하는 훅입니다. 일단, useState는 간단한 상태값들을 관리하기엔 매우 편합니다. 하지만 상태값들을 여러개

2020년 11월 29일
·
0개의 댓글
post-thumbnail

Context API Store 분리, 합쳐서 사용해보기

Context API와 useReducer를 통해 상태관리를 할 수 있다. 이번 프로젝트는 Redux를 사용하지 않고 둘을 사용해서 적용하면서 해보고 사용을 하고 있었는데 처음에는 모든 state들을 하나의 store에 저장 해놓고 사용했다. 그리고 state Con

2020년 11월 10일
·
0개의 댓글
post-thumbnail

TS useReducer UseCase

Code Rendering Browser

2020년 10월 25일
·
0개의 댓글
post-thumbnail

[JavaScript] React - useReducer

React useReducer 사용해보기 > 언제 useState를 사용하고, 언제 useReducer를 사용할까요? 여기에 답은 없습니다. 만약 컴포넌트에서 관리한는 값이 한개이고 간단하면 useState가 편합니다. 하지만 관리하는 값이 여러개이고 복잡해진다면

2020년 10월 5일
·
0개의 댓글
post-thumbnail

여러 개의 state를 useReducer로 관리

실행 결과다음과 같은 화면이 출력

2020년 10월 2일
·
0개의 댓글

[React hooks] useReducer

reducer란 무엇인가요?Re(act State Pro)ducer => Reducerreducer의 정의 정리다시말해, 리듀서라고 불리는 이유는 리듀서가 reduce()함수에서 사용하는 콜백함수이기때문에 리듀서라고 불립니다.(state, action) => newSt

2020년 9월 1일
·
0개의 댓글
post-thumbnail

react hooks(useReducer, useImperativeHandle, useLayoutEffect)

useReducer, useImperativeHandle, useLayoutEffect 훅에 대한 내용을 다룸

2020년 8월 18일
·
0개의 댓글
post-thumbnail

[React]Hooks - useReducer, useMemo

[React]Hooks - useReducer, useMemo

2020년 7월 29일
·
0개의 댓글

React Hooks #5 useReducer()

codevolution-useContext+useReducer최상위 루트 컴포넌트useReducer로 상태관리할 state, dispatch 생성export Context = React.createContext() 로 context 생성<Context.Provid

2020년 7월 12일
·
0개의 댓글
post-thumbnail

useReducer

redux 에 reducer가 있다.. reducer 는 현재 상태, 그리고 업데이트를 위해 정보를 담은 액션(Action)의 값을 전달 받아 새로운 상태를 반환하는 함수이다

2020년 6월 12일
·
0개의 댓글
post-thumbnail

[TIL] React Native에서 useReducer 실습 <2>

1. useReducer로 rgb(0,0,0) 바꾸기 >버튼을 클릭하면 컬러를 진하게 또는 연하게 하도록 state를 관리하기 먼저 버튼 컴포넌트를 만든다 ColorCounter 컴포넌트를 이제 SquareScreen 컴포넌트에서 불러온다. 이제 ` 컴포넌트 안

2020년 6월 9일
·
0개의 댓글
post-thumbnail

[TIL] React Native에서 useReduce 실습 <1>

⬆︎useState를 사용하여 만든 간단한 컴포넌트!이 컴포넌트를 useReducer를 사용하여 state관리를 해보았다.(물론 이러한 간단한 컴포넌트는 굳이 useReducer를 사용할 필요는 없음)위 reducer 함수 내 switch 에서 사용한 전개연산자(...

2020년 6월 8일
·
0개의 댓글

[TIL] React Hook useReducer를 맛보다(?)

2차 프로젝트를 진행하면서 useState를 많이 사용했었는데, 전체 상태 관리를 하기 위해서는 반드시 Redux를 사용해야하는 것으로 알고 있었다. Udemy에서 React native 공부를 하던 중 React Hook 중에 useReducer라는 것이 있다는 것을

2020년 6월 5일
·
0개의 댓글

useReducer / useContext

타입스크립트로 리액트 Hooks 사용하기 타입스크립트를 사용하는 리액트 컴포넌트에서 useState / useReducer를 사용하여 컴포넌트 상태를 관리할 수 있다. useRef를 사용하여 컴포넌트 내부에서 관리하는 변수 및 DOM을 이용할 수 있다.

2020년 6월 2일
·
0개의 댓글

[TIL] <2020.5.18> React + Typescript(useReducer)

첫 밸로그 글이고 글을 자주 안써서 못 쓰는 점 감안하고 읽어주세요. 우선 typescript를 적용하기 이전의 react(useReducer)의 사용법부터 알아보겠습니다. 위와 같은 형태이다. 이제 타입스크립트를 적용했을 때를 비교해보자 기본적으로 ts를 적용

2020년 5월 18일
·
0개의 댓글
post-thumbnail

React hook 2

useReducer 리듀서는 현재 상태, 그리고 업데이트를 위해 필요한 정보를 담은 액션값을 전달받아 새로운 상태를 반환하는 함수이며 새로운 상태를 만들 때는 반드시 불변성을 지켜주어야 한다. useCallback 함수를 기억해서 다시 렌더링될 때 해당 함수가 생성되

2020년 4월 26일
·
0개의 댓글

useReducer Hook

useReducer Hook? 상태 업데이트에 주로 썼던 useState 뿐만 아니라 useReducer로도 업데이트 가능 차이점 useState()에서는 설정하고 싶은 다음 상태를 직접 지정해주는 방식으로 업데이트 useReducer()에서는 action을 기반으로 상태 업데이트, 업데이트 시 action참조 업데이트 시 참조하고 싶은 값이 있다면 di...

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