# reducer

39개의 포스트
post-thumbnail

useReducer를 활용한 출석부 만들기

📍 index.jsx 📍 Students.jsx 📍 시연영상

어제
·
0개의 댓글
post-thumbnail

useReducer를 공부해 보자..

📍 useReducer란? useState처럼 state를 생성하고 관리해 주는 도구이다. 여러개의 하위값을 포함하는 복잡한 state를 다뤄야 할때, useState 대신 useReducer를 사용하면 더 깔끔하게 코드를 짤 수 있고, 유지보수도 한결 편해진다

어제
·
0개의 댓글
post-thumbnail

Redux리덕스 Reducer 리듀서 이해하기

모든 하위 컴포넌트에게 상태를 전달하려면 props를 적어서 하위컴포넌트에 일일히 전달해야 한다근데 컴포넌트가 무수히 많고 그 안에서 상태까지 변경을 하고 싶다면위에서 아래로 계속 변경을 해줘야 하는 불편함 이 있는데, 만약 그 사이에 오류라도 생긴다면!?! ex)

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

React Reducer

React useReducer() 이해하기

2022년 6월 25일
·
0개의 댓글
post-thumbnail

reducers vs extraReducers, createAsyncThunk

Redux Toolkit 에서 사용되는 reducers 와 extraReducers 의 차이를 알아보자. stackoverflow 를 참고하였다.reducers 는 액션함수를 생성함과 동시에 해당 액션함수에 대응하는 역할을 한다. extraReducers 는 사용자가

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

React Redux

React Redux

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

Redux

Redux 기본 개념 정리

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

[React] Redux 설정하기

redux : 상태 업데이트와 관련된 로직을 효율적으로 관리하는 라이브러리.react-redux : redux와 react를 연동해주는 라이브러리.redux-saga : 비동기 작업을 처리하는데 도와주는 redux 미들웨어.redux-devtools-extension

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

별 건 아니지만 리덕스의 리듀서는 왜 리듀서가 되었나.

제가 리듀서를 썼을 때 말입니다.

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

블로그 API 클라이언트와 연결하기 -2-

회원가입과 로그인 / useRef / Context API - Action,Reducer 작성하기 / 중복요청에러 / 에러메세지 접근하기

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

useReducer & context API

프로젝트 단위가 커진다면 useState만으로 상태관리가 힘들어진다. 컴포넌트가 A->B->C->D->E 구조일때 A->E로 props를 보내려면 B,C,D를 모두 거쳐야 하기 때문이다. 이를 효율적으로 관리하기 위한 Hooks를 알아보자 요약부터 하자면, create

2021년 12월 20일
·
0개의 댓글

[Error] [React] [Redux-Saga] reducer null 반환

Unhandled Rejection (Error): When called with an action of type "CONTACTS_SET", the slice reducer for key "contacts" returned undefined. To ignore an

2021년 12월 15일
·
0개의 댓글
post-thumbnail

[React] 렌더링 최적화를 통한 useState와 useReducer 이해

React 렌더링 최적화를 통해서 useState를 어떻게 사용하는 것이 좋은지와, useReducer의 존재 이유를 알아보자.

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

사전 프로젝트(Dictionary) - 개념설명 및 소스코드

첫째, 프로젝트를 생성한다.yarn create react-app 프로젝트명둘째, 뷰를 만든다.styled-components를 사용하여 디자인한다.셋째, 라우팅을 한다.index.js에서 BrowserRouter로 감싸준다.넷째, 리덕스를 이용한다.redux폴더 >

2021년 9월 29일
·
0개의 댓글

useReducer, useAsync, react-async

useReducer, useAsync, react-async

2021년 9월 15일
·
1개의 댓글
post-thumbnail

[React] 리액트, 리덕스, 타입스크립트환경에서 살아남기

📍 redux-saga / axios / typescript quick start! 이번에는 리덕스 미들웨어 중 리덕스사가에 타입스크립트를 적용해보도록 하겠습니다. 리덕스 사가에 타입스크립트를 적용하기에 앞서 리덕스-사가에 대한 지식이 부족하시다면 벨로퍼트님의 리덕

2021년 9월 14일
·
0개의 댓글
post-thumbnail

Reducer

현재상태(state), 업데이트를 위해 필요한 정보가 있는 action 을 받아 새로운 상태로 반환하는 함수반드시 불변성을 지켜야 한다. (State과 같이 원본의 불변을 유지해야 한다.) const \[현재 가리키고 있는 상태, 액션발생함수 ] = useReducer

2021년 8월 30일
·
0개의 댓글