개발공부 187일차 TIL React에서 상태 관리를 위한 방법

2023. 7. 15. 23:47·TIL

🧑🏻‍💻오늘 한 일 

- 프로그래머스 문제풀기

- 운동하기 

- 실전프로젝트 Suspense Lazy 적용

- 실전프로젝트 스켈레톤 UI 적용

⏰내일 할 일 

- 프로그래머스 문제풀기

- 운동하기

- TS강의

- 푹 쉬기

 

🔍 React에서 상태 관리를 위한 방법

  1. useState (로컬 상태 관리)
    컴포넌트 내에서 단순한 상태를 관리할 때 사용한다. 

  2. Context API 
    중간 규모의 프로젝트 상태를 전역적으로 공유하기 위해 사용
    Provider, Consumer를 사용하여 컴포넌트 트리 내에서 상태를 전달할 수 있다.

  3. Redux (상태 관리 라이브러리)
    큰 규모의 프로젝트에서 복잡한 상태 관리를 위해 사용. 
    상태를 중앙 저장소에 저장하고 컴포넌트 간에 상태를 전달하기 위해 액션, 리듀서를 사용한다.

 

 

'TIL' 카테고리의 다른 글

개발공부 189일차 TIL TTD란  (0) 2023.07.17
개발공부 188일차 TIL  (0) 2023.07.16
개발공부 186일차 TIL  (0) 2023.07.14
개발공부 185일차 TIL  (0) 2023.07.13
개발공부 184일차 TIL SPA, CSR, SSR의 차이  (0) 2023.07.13
'TIL' 카테고리의 다른 글
  • 개발공부 189일차 TIL TTD란
  • 개발공부 188일차 TIL
  • 개발공부 186일차 TIL
  • 개발공부 185일차 TIL
jihun_BS
jihun_BS
  • jihun_BS
    Harry 개발블로그
    jihun_BS
  • 전체
    오늘
    어제
    • 분류 전체보기 (507)
      • React Native (2)
      • React (7)
      • 알고리즘 (37)
      • JavaScript (11)
      • 항해99 (12)
        • 항해 WIL (13)
      • TIL (405)
      • TypeScript (3)
      • 트러블 슈팅 (5)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • Github
  • 공지사항

  • 인기 글

  • 태그

    React-hook-form 등록 버튼 활성화
    잔디 기부
    pxemrem
    pxemrem차이
    n의 배수 자바스크립트
    다양한 스타일의 버튼 컴포넌트
    virtualizedlists should never be nested inside plain scrollviews with the same orientation because it can break windowing and other functionality - use another virtualizedlist-backed container instead. [component stack]
    typescript 환경에서 다양한 버튼 컴포넌트
    잔디 기부 캠페인
    vite svg
    항해99
    react-native-dropdown-picker
    vite 환경에서 svg 컴포넌트
    til
    React-hook-form watch
    react-native-dropdown-picker 오류
    자바스크립트
    n의 배수
    Received true` for a non-boolean attribute`mode`Warning
    프로그래머스
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
jihun_BS
개발공부 187일차 TIL React에서 상태 관리를 위한 방법
상단으로

티스토리툴바