# Recoil

58개의 포스트

읽은 좋은 글들 (~21.10.13)

메일링, 블로그, 구글링 등을 통해 읽은 좋은 글들을 모아놓은 글이다.

3일 전
·
0개의 댓글

Recoil - 상태 관리 (작성중)

useRecoilState — atom의 값을 구독하여 업데이트할 수 있는 hook. useState와 동일한 방식으로 사용할 수 있다.useRecoilValue — setter 함수 없이 atom의 값을 반환만 한다.useSetRecoilState — setter 함

4일 전
·
0개의 댓글

[NextJS] Recoil RecoilRoot 위치 설정

Recoil 공식문서를 보면 RecoilRoot 컴포넌트를 root Component에 적절히 넣어두라고 나와있다.Components that use recoil state need RecoilRoot to appear somewhere in the parent tre

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

[POM]NextJS에 Recoil 도입하기

PieceOfMood에서는 새로운 서비스 런칭을 준비하고 있습니다. 기존 서비스를 유지&보수하는 일도 즐거운 일이지만 아무래도 방대한 양의 코드를 모조리 개선해보려고 손을 대는 짓은 선뜻 하지 못할 일이죠. 어찌됐든 새로운 서비스를 처음부터 개발하게 되었으니, 기쁜 마

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

[React] 상태관리(1) - Recoil 편

개인적으로 요즘 조급함이 생겨 학습한 것들에 대한 정리를 별도로 하질 못했었다. react--> react-native로 사용 스택이 변경되면서 정리까지 해가며, 학습할 마음이 없었달까.. 무튼 각설하고 나는 recoil, redux(thunk), Context A

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

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

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

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

Recoil 이란

Recoil은 페이스북에서 만든 새로운 React를 위한 상태 관리 라이브러리 입니다. 최대한 React의 시맨틱과 동작을 유지하면서 위의 문제점을 개선하기 위해 만들어졌고, 다음과 같은 특징을 지녔다고 합니다.Recoil을 사용하면 atoms (공유 상태)에서 sel

2021년 9월 12일
·
0개의 댓글
post-thumbnail

쉽고 간단한 상태관리 라이브러리 "Recoil"

"React를 위한 상태관리 라이브러리"를 목표로 만들어진 recoil은 redux보다 react스럽고, 쉽고 간편하게 상태관리를 할 수 있다는 장점이 있다.

2021년 8월 31일
·
0개의 댓글
post-thumbnail

[Recoil] What is atom (options) ?

atom은 Recoil의 상태를 표현한다. atom() 함수는 쓰기 가능한 RecoilState객체를 반환한다.내부적으로 atom을 식별하는데 사용되는 고유한 문자열이 문자열은 어플리케이션 전체에서 다른 atom과 selector에 대해 고유해야함atom의 초깃값 또는

2021년 8월 22일
·
0개의 댓글

Context API가 존재하지만 여전히 사람들이 redux와 전역 상태관리 라이브러리를 쓰는 이유

context api는 글로벌 상태관리 라이브러리를 대체할 수 없고, 여전히 많은 리액트 개발자들이 redux, mobx 등을 사용하고 있다.

2021년 8월 21일
·
0개의 댓글
post-thumbnail

TIL - 210814

recoil 공부내일 할 일

2021년 8월 14일
·
0개의 댓글

Recoil을 통한 React 상태 관리

React의 상태관리 라이브러리 Recoil에 대해 간단히 알아봅시다.Facebook에서 만든 React 전용 상태관리 라이브러리다른 상태관리 라이브러리(Redux, Mobx)들에 비해 간결한 코드로 상태관리 가능hook형태의 API 제공useRecoilState :

2021년 8월 1일
·
0개의 댓글

[React] recoil 으로 구현하는 중앙집중식애러 핸들링

애러 코드에 대한 확장성400,403,404 ... 늘어나는 애러에 대응깊은 자식 컴포넌트의 애러최하단 자식컴포넌트의 애러는 모든 화면의 애러로 표현되어 한다.잘못된 url정규식에 대한 애러 및 API에 대한 애러 모두 대응잘못된 url, 404 애러 ( 혹은 커스텀

2021년 8월 1일
·
0개의 댓글

[Recoil] 리코일 사용

recoil은 react의 상태관리 라이브러리이다. react는 자체로 상태관리를 할 수 있다. 하지만 컴포넌트의 상태가 공통된 상위 요소까지 끌어올림으로 공유하면서 대규모의 트리가 렌더링될 수 있기 때문에 효과적이지 않다. Context를 사용해도 단일 값만 저장할수

2021년 7월 27일
·
0개의 댓글

recoil 장단점

보일러 플레이트가 적고, 리액트의 useState와 비슷한 문법이라 프로젝트에 적용하기 쉽다.리액트의 내부를 알고 있기 때문에 suspense나 에러 바운더리, 동시성 모드를 지원한다.캐싱을 지원한다.캐싱을 지원해서 데이터가 바뀌었을 때, 캐싱을 끝내고 새로운 데이터로

2021년 7월 12일
·
0개의 댓글
post-thumbnail

[Recoil] Selector + useRecoilValueLoadable을 활용해서 API값 가져오기 🎎

안녕하세요! 오늘은 TypeScript + React 환경에서 전역 상태관리 라이브러리 Recoil을 활용한 라는 주제로 글을 작성해보도록 하겠습니다.

2021년 7월 10일
·
2개의 댓글
post-thumbnail

redux, recoil 내용 정리

redux, recodil 관련된 내용 정리

2021년 7월 5일
·
0개의 댓글
post-thumbnail

Recoil 기초

Recoil, 그게 뭔데. 먹는 건가?

2021년 7월 4일
·
0개의 댓글
post-thumbnail

리코일 난 너가 만능인줄 알았어... selector 활용한 GET 요청

리코일 셀렉터를 활용한 서버 비동기 요청 편하긴한데...

2021년 7월 4일
·
1개의 댓글
post-thumbnail

[DeepFlow] 프로젝트 회고록 😊

안녕하세요! 오늘은 이전까지 작성해오던 DeepFlow 개인 프로젝트의 회고록을 작성해보겠습니다.

2021년 7월 3일
·
2개의 댓글