Lo9

  • 홈

로직분리 1

[React] useReducer, useContext

인프런, 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지의 내용 중 useReducer, useContext를 사용한 프로젝트 정리 대해서 수강하고 내용을 정리한다. 목차 1. useReducer - 복잡한 상태변화 로직 분리 2. useContext - 컴포넌트 트리에 데이터 공급 useReducer - 복잡한 상태변화 로직 분리 simple-diary 프로젝트에서 App 컴포넌트에는 많은 상태변화 함수가 존재한다.(ex. getData, onCreate, onRemove 등) 복잡하고 긴 상태변화 로직을 컴포넌트 밖에 정의하여 컴포넌트 코드를 좀 더 단순히 만들 수 있다. // reducer 함수 // switch문을 통해 action.type을 확인하여 상태변화 처리 // re..

DEV/WebProgramming 2022.05.09
이전
1
다음
더보기
프로필사진

내가 되기 위해 경험중인 블로거입니다.

  • 분류 전체보기 (59)
    • DEV (41)
      • WebProgramming (15)
      • CSS (3)
      • DevelopSystem (5)
      • 코딩테스트 (15)
      • Python (1)
      • Node.js (1)
      • 회고록 (1)
    • 일상 (2)
      • Motorcycle (2)
    • 취미 (15)
      • Book Review (10)
      • Graphic (5)

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Tag

css, 프로그래머스, portfolio, 빌드, 최적화, GIT, 환경변수, env, 소셜 로그인, React, 독후감, PolygonArt, 자바스크립트, 그리디, dp, React.JS, vscode, 구현, javascript, 코딩테스트,

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바