# useRecoilState

jrl103

리코일을 처음으로 실전에 활용해 봤다. 아이디 찾기 페이지에서,찾은 아이디를 다음 페이지에서 뿌려줄때 response.data 값을 이용하고 싶은데형제 컴포넌트끼리는 데이터 교환이 어려워서 리코일의 아톰에 데이터를 저장해서 사용하기로 했다.SearchId = 부모 컴포

jrl103

오늘은 리코일을 공부했다.공부했는데.. 공부해도 잘 모르겠다..

minew1995

atom 이란?atom은 상태를 정의하는 방법. atom이 set되면, 해당 atom을 구독하고 있던 '모든 컴포넌트들의 state가' 새로운 값으로 리렌더링 된다!즉, 값을 바꾸면 재할당 해줄 필요없이, 바로 적용이 된다.But, atom을 사용하고 있던 함수가 자동

pest95

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

favorcho

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

miniyoung37

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

ho2yahh

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

gygy

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

rious275

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