# Recoil
.jpeg)
[React] Recoil 정리
Recoil은 페이스북이 2020년 5월에 소개한 React 전용으로 나온 상태 관리 라이브러리다. Recoil을 통해 전역 상태를 관리하면 코드가 굉장히 간결해진다.context API는 전역 상태를 전달할 때 객체 형태의 value를 사용한다. 따라서 객체 안의 값
[Recoil] atom , selector 간단하게 정리
Atom은 상태(state)의 일부를 나타낸다. Atoms는 어떤 컴포넌트에서나 읽고 쓸 수 있다. atom의 값을 읽는 컴포넌트들은 암묵적으로 atom을 구독한다. 그래서 atom에 어떤 변화가 있으면 그 atom을 구독하는 모든 컴포넌트들이 재렌더링 되는 결과가 발
Front-End(feat. React)에서 서버 상태 관리
Redux, Mobx같은 전역 상태 관리 라이브러리를 많이 사용하고 있었을 것이다. 해당 라이브러리들은 비동기 작업을 하기 위해선 추가적으로 작성해야하는 코드 양이 늘어난다.배보다 배꼽이 더 큰 상황이 되는 것이다.예로 redux-saga 코드를 작성해 보았다.Reac
[React] Recoil
Recoil은 react를 위한 상태관리 라이브러리(state management library)이다. 기존의 react 상태관리 기능은 다음과 같은 한계를 가지고 있었고, 이것을 개선하고자 Recoil이 개발되었다.컴포넌트의 상태는 공통된 상위요소까지 끌어올림으로써
Recoil
Recoil은 업데이트된 state 부분만 리렌더를 해줍니다.Recoil에서는 Atom으로 state의 일부를 보여줍니다.컴포넌트들은 자신이 필요한 Atom을 참조하고 있습니다. 따라서 자신이 참조하고 있는 Atom에 변화가 있으면 해당 atom을 참조하는 모든 컴포넌
Recoil 사용해보기
기본에 Redux, Redux-toolkit, Redux-saga를 이용해서 상태 관리를 했었는데 코드가 너무 길어져서 다른 상태관리법을 찾다가 Recoil 알게됐다. Recoil을 이용해서 간단한 todolist를 만들어보자
context vs recoil
Overview 처음, Context Api를 알았을 때는 신세계였다. 리액트를 처음 공부하면서 가장 골치가 아팠던 부분은 props driling이었다. 부모컴포넌트와 하위컴포넌트의 deps가 적을때는 문제되지 않았다. 그런데, 부모 컴포넌트와 하위 컴포넌트의 de
Recoil, Context api, redux, mobx, swr
recoil에 대해 얘기하기 전에 atoms 와 selector에 대해 잠시 짚고 넘어가면.atoms : 상태의 단위이며, 업데이트와 구독이 가능하다. 업데이트 되면 각각의 구독된 컴포넌트는 새로운 값을 반영하여 다시 렌더링된다. atoms는 런타임에서 생성될 수도 있
글로벌 스테이트를 위한 라이브러리들!
글로벌 스테이트란? 나는 여태껏 컴포넌트가 깊어지는 말든 프롭스드릴링을 이용해 데이터를 넘겨주고 있엇다. 하지만 글로벌스테이트를 배운 순간부터(익숙해진 순간부터)는 더이상 프롭스때문에 고통받지 않아도 된다!!(나는 아직 고통받고있다.) 글로벌스테이트란 이름그대로 스테이트를 모든파일에 적용시켜줄 수 있다는 것이다. 전역변수...
Context API가 존재하지만 여전히 사람들이 redux와 전역 상태관리 라이브러리를 쓰는 이유
https://yrnana.dev/post/2021-08-21-context-api-redux옛날옛적 호랑이 담배피던시절(?) 리액트의 러닝커브를 올리는 주범은 redux라고 해도 과언이 아닐 정도로 리덕스는 리액트를 개발하려면 react-router-dom과
25) Recoil, Context api, redux, mobx, swr
context apicontext를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있다.일반적인 React 데이터는 위에서 아래로 즉 부모에서 자식으로 props를 통해 전달된다.하지만 여러 컴포넌트에게 전달해줘야한다면
Day 22) 1.로그인을 이해하려면 역사를 알아야돼! - Login 2. JWT토큰?? 이건 또 뭐야?! - JWT 3. 로그인 인증 토큰은 어디에 저장해?! - Recoil
백엔드에 로그인 기능이 있고 브라우저에서 email/pw 를 넘긴다.백엔드에서 DB에서 일치하는 이메일과 비밀번호가 있는지 확인하고있으면 그 유저가 로그인 했다 기록을 한다.( 백엔드 메모리 세션에 저장 )메모리: 램에 저장( 컴터 껐다 키면 사라짐 )디스크: 영구저장
22) 수요일
Algorithm Self Study, Login Process, Table Partitioning, JSON Web Token, Unidirectional Hashing & Bidirectional Login with Recoil, Weekly Algorithm
Day 21) 1.뭐?! Rest와 Graphql 차이가 또 있다고? 2. 글로벌 스테이트?! props가 필요 없대!
1교시 포트폴리오 리뷰 검색부분도 컴포넌트로 나눠준다. 페이지도 리페치 해줘서 없는 페이지는 안보이게 한다. 2교시 props ![](https://v