대왕판다
ESTP 하고재비로 살아가기
대왕판다
전체 방문자
오늘
어제
  • 분류 전체보기
    • 일상
      • 먹고재비
      • 생각대로
    • 개발
      • html css
      • 자바
      • 자바스크립트
      • 파이썬
      • 알고리즘
      • 북TIL
      • 네트워크
      • 객체지향개발

블로그 메뉴

  • 홈
  • 태그

공지사항

인기 글

태그

  • 코딩
  • 파이썬
  • 타입스크립트
  • 클론코딩
  • 양산
  • 상길북
  • css
  • 알고리즘
  • 맛집
  • 노개북
  • 노마드코더
  • 브루트포스
  • 양산맛집
  • 챌린지
  • 자바스크립트
  • 마이바티스
  • 백준
  • 자바
  • html
  • 리액트

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
대왕판다

ESTP 하고재비로 살아가기

개발/자바스크립트

[리액트] Recoil - state management

2022. 1. 19. 22:07

REDUX? or RECOIL? 

-> Nico said, "Everytime you learn or use libraries, framworks and other skills, You MUST know why you need and use those." Because those are built to sort out things.

 

 

State management의 필요성?

다크모드, 유저의 로그인 여부 등 리액트 앱의 각종 state를 일일이 부모/자식 컴포넌트까지 argument로 전달해준다면 수많은 interface를 생성하고 반영해주어야함. => global state(atoms)를 사용하면 이를 해결할 수 있음!

  const isDark = useRecoilValue(isDarkAtom);
  const setDarkAtom = useSetRecoilState(isDarkAtom);
  const toggleDarkAtom = () => setDarkAtom((prev) => !prev);

 

useState 처럼 value 와 modifier function을 같이 써주고자한다면

  const [value, modFn] = useRecoilState(toDoState)

useRecoilState를 써주면 된다.

 

 

-

https://recoiljs.org/ko/docs/introduction/installation

 

설치 | Recoil

NPM

recoiljs.org

 

'개발 > 자바스크립트' 카테고리의 다른 글

[리액트]react-beautiful-dnd  (0) 2022.02.14
[리액트] React-hook-form  (0) 2022.01.30
[타입스크립트] 타입스크립트 기본개념 + 병합연산자  (0) 2022.01.11
[리액트] - styled component  (0) 2022.01.09
ternary operation, absolute/relative url  (0) 2021.07.28
    '개발/자바스크립트' 카테고리의 다른 글
    • [리액트]react-beautiful-dnd
    • [리액트] React-hook-form
    • [타입스크립트] 타입스크립트 기본개념 + 병합연산자
    • [리액트] - styled component
    대왕판다
    대왕판다
    let's learn and roll!

    티스토리툴바