# useReducer

48개의 포스트

읽은 좋은 글들 (~21.10.13)

메일링, 블로그, 구글링 등을 통해 읽은 좋은 글들을 모아놓은 글이다.

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

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

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

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

[React] Additional Hooks (1)

useReducer, useMemo 한입만! 👨‍🍳

2021년 10월 4일
·
0개의 댓글

Context API 를 사용한 전역 값 관리

아래 코드를 보면 App 컴포넌트에서 , , 가 구현되어 있고, 이 함수들은 UserList 컴포넌트를 거쳐 각 User 컴포넌트들에게 전달되고 있다. 여기서 UserList 컴포넌트의 경우, 해당 함수들을 직접 사용하지 않고 함수들을 전달하기 위한 중간다리 역할만

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

useReducer 를 사용하여 상태 업데이트 로직 분리

상태를 관리할 때 말고도 다른 방법이 있다. 바로 를 사용하는 것이다. 이 hook 함수를 사용하면 컴포넌트의 상태 업데이트 로직을 컴포넌트에서 분리시킬 수 있다. 상태 업데이트 로직을 컴포넌트 바깥에 작성할 수도 있고, 다른 파일에 작성 후 불러와서 사용할 수도

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

[React] 10. Hooks (1)

1. Hooks ⭐ > Hooks는 리액트 16.8에 새로 도입된 기능으로 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공한다. 실습을 진행하기 위해 create-react-app을 사용

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

(React) Trendy React : useReducer

useReducer는 State를 다루는 관점과 방법 정도이고, useState로 작성할때에 비해 작성해야 하는 코드의 양이 많으므로 어떻게 활용하면 좋을지 감을 잡기 어렵다

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

TIL.useReducer에 대해 알아보자

useReducer란? useRedcuer Hook은 react가 상태관리를 위한 reducer function에 접근할 수 있게 해준다. useState Hook과 매우 비슷한데, 차이점이라면 useReducer는 좀 더 복잡한 로직과 상태관리에서 사용되는 경우가

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

리액트 입문(1장) 복습 및 정리

1. 리액트란? 리액트란 페이스북에서 만든 사용자 UI 구축을 위한 라이브러리입니다. 리액트는 처음엔 페이스북 핵심 기능인 뉴스피드 개발 목적으로 만들어졌고 나중에는 인스타그램에서도 리액트를 사용하게 되었습니다. 2013년도에는 페이스북 직원이 아니여도 쓸 수 있도

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

React에서 Axios 사용하기

axios를 사용해서 GET, PUT, POST, DELETE 등의 메서드로 API 요청이 가능합니다. 각각의 기능은 다음과 같습니다.GET: 데이터 조회POST: 데이터 등록PUT: 데이터 수정DELETE: 데이터 제거config 설정을 axios()에 전달하여 요청

2021년 7월 15일
·
0개의 댓글

useContext,useReducer로 로그인 구현하기

# 작업 전 폴더 구조 * AppRoute - 인증된 사용자만 액세스 할 수 있게 만드는 구성요소 (로그인 안되어있으면 Redirecte됨) * action.js - 우리가 필요로 하는 다양한 context 객체와 로직을 구성하는 hooks를 초기화 하는 곳 * r

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

(TIL11) React 함수형 컴포넌트_useReducer

1. useReducer란❓ 2. useReducer사용법 3. useState코드와 useReducer코드 비교해보기

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

[React] Hooks

Hooks는 리액트 v16.8에 새로 도입된 기능으로 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해줍니다.use

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

TIL.useContext와 useReducer함께 사용하기

Context API는 상태의 중앙관리를 위한 상태관리 도구리덕스와 다르게 여러 저장소가 존재할 수 있다. Context API는 크게 전역 상태가 저장되는 context, 전역 상태를 제공하는 provider, 전역 상태를 받아 사용하는 consumer로 나뉜다con

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

[useReducer] 컴포넌트 상태 업데이트

상태 기반의 업데이트 해주기

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

useReducer Hook

useReducer : 상태를 업데이트하는 Hook useState와의 차이점 useState 설정하고 싶은 다음 상태를 직접 지정하는 방식으로 상태 업데이트 useReducer Action 객체를 기반으로 상태를 업데이트한다. Action 객체 : 상태를

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

TIL : getBoundingClientReact, React 내장 훅, 함수형 컴포넌트

요소의 크기와 viewport에 대한 요소의 위치에 대한 정보를 제공하는 DOMRect개체를 반환한다.메모이제이션된 값을 반환한다. 첫 번째 인자로는 함수, 두 번째는 의존성 값의 배열을 전달한다.의존성이 변경되었을 때만 첫 번째 인자에 전달한 함수가 실행된다.즉, 의

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

React - useReducer

react.js useReducer 포스트.

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

Hooks-useReducer 공부하기

5월4일 (수) 오늘의 TIL 주제 react hooks에서 사용하는 useReducer() 간단 설명Reducer 함수현재상태(state)와 액션객체(actrion)를 파라미터로 받아와서 새로운 상태를 반환해주는 함수action 은 업데이트를 위한 정보를 가지고 있어

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

React Hooks :: useReducer에 대해 알아보기

React가 제공하는 내장 훅(Built-in Hooks) 중 하나인 useReducer에 대해 알아봅시다🤓

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