# useRecoilState

6개의 포스트
post-thumbnail

Recoil - 리코일 겉핥기 1장

리코일 겉핥기 1장 - 리코일의 등장과 'RecoilRoot, 'atom', 'useRecoilState', 'useResetRecoilState', 'useSetRecoilState' 그리고 'useRecoilValue'

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

5/10 TIL

개인 프로젝트에서 Recoil을 이용해서 만들어야 하는 미션이 있다.Recoil 이라는 개념이 생소하기 때문에 정리하면서 개념을 익혀보려고 한다.리액트의 컴포넌트의 상태는 공통된 상위요소까지 끌어올리며 공유될 수 있지만 이 과정에서 거대한 트리가 다시 랜더링되는 효과를

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

[TIL] Recoil - useRecoilState

Recoil을 사용하면 atoms (공유상태)에서 selectors(순수 함수)를 거쳐 React 컴포넌트로 내려가는 data-flow graph를 만들 수 있다. Atoms는 컴포넌트가 구독할 수 있는 상태의 단위. Selectors는 atoms 상태값을 동기 또는

2022년 2월 13일
·
0개의 댓글
post-thumbnail

[Recoil] Cannot freeze

freeze노마드코더 react X firebase를 활용한 트위터 클론코딩을 진행하고 있었다. useState를 활용해 정보값들을 주고 받았는데, recoil을 적용해보고 싶었다. 하지만 역시 쉽게 되지 않는다...

2022년 1월 31일
·
0개의 댓글
post-thumbnail

[2차 프로젝트][숙박플랫폼][Recoil] 모달창과 달력 전역 상태관리하기

root대신 계층구조를 벗어나 바깥에 렌더링할 수 있도록 modal이라는 id를 가진 div를 만들어준다.portal의 자식요소 컴포넌트는 modal 요소에서 렌더링된다.이제 이 portal로 원하는 모달 컴포넌트를 감싸면 다음과 같이 root가 아닌 modal에 렌더

2022년 1월 15일
·
0개의 댓글

TIL. 44 Recoil로 부모 컴포넌트의 상태 변경하기

💡 Recoil React는 Angular, Vue.js와는 다르게 기본적으로 부모에서 자식 방향으로만 state를 props로 전달할 수 있는 단방향 라이브러리이다. 물론, 자식에서 부모의 state를 바꿀 수 있는 방법이 존재하지만 규모가 커질수록 관리가 어렵

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