# Recoil

45개의 포스트

[Recoil] 리코일 사용

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

4일 전
·
0개의 댓글

recoil 장단점

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

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

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

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

2021년 7월 10일
·
0개의 댓글
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일
·
0개의 댓글
post-thumbnail

[DeepFlow] 프로젝트 회고록 😊

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

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

Recoil 정리하기

Recoil 사용 이유 / 개념 / 사용법 등 정리

2021년 6월 22일
·
0개의 댓글
post-thumbnail

NextJS에 Recoil 적용하기

Recoil에 대해 자세히 알고싶다면 관련 포스트를 먼저 참고해주세요!Recoil은 페이스북에서 만든 새로운 React를 위한 상태 관리 라이브러리로,최대한 React의 시맨틱과 동작을 유지하면서 위의 문제점을 개선하기 위해 만들어졌습니다.Recoil을 사용하면 at

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

React에 Recoil적용하기: Recoil이란?

리액트에서는 자체적으로 상태 관리를 할 수 있는 Hooks나 ContextAPI를 제공합니다.그러나 내장된 상태 관리 프로그램은 다음과 같은 몇 가지 단점이 있죠. 컴포넌트의 상태는 공통된 상위요소에서 공유될 수 있지만, 이 과정에서 거대한 트리가 다시 렌더링되는 효과

2021년 6월 11일
·
0개의 댓글
post-thumbnail

Recoil selector를 사용한 비동기 처리

react에서 Recoil selector를 사용한 비동기 처리 및 로딩처리

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

Recoil로 MVVM 사용하기 - (2) Recoil

저번엔 MVVM에 관련한 글을 썼는데, 이번엔 MVVM에 Recoil을 어떻게 무엇을 이용해서 MVVM을 구현했는지 말해보려한다.Recoil은 물론 나온지 얼마 되지 않았고, 점점 발전해 나가고 있는 상태관리 라이브러리이다.상당히 경험해보니 쉽고, 접근하기도 어렵지 않

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

Recoil로 MVVM 사용하기 - (1) MVVM

Recoil을 배운지도 얼마 되지 않은 상태에서 디자인 패턴에 관심을 들이기 시작했다.MVVM에 대해선 전부터 (Model-View-ViewModel) 인건 알고는 있었지만, 제대로 공부해본 적은 한번도 없어서 막 배우기 시작한 Recoil과 함께 적용하면서 겪었던 것

2021년 6월 2일
·
0개의 댓글
post-thumbnail

[DeepFlow] 프로젝트 9주차 ~ 12주차 정리 및 느낀점 😀

안녕하세요! 오늘도 마찬가지로 이전까지 작성해오던 DeepFlow라는 개인 프로젝트의 9주차 ~ 12주차 동안의 활동 내용 및 느낀점을 작성해보도록 하겠습니다.

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

React 상태 관리의 과거, 현재, 그리고 미래

React 앱에서 사용되는 다양한 유형의 상태를 알아보고, 이를 효과적으로 제어하기 위한 라이브러리들을 살펴봅니다.

2021년 5월 30일
·
8개의 댓글
post-thumbnail

Recoil ⚛️ 상태관리를 사용하는 이유

이전에 프로젝트를 시작하기 전에 상태관리에 관한 개념이 없었다.그래서 MobX에 대한 개념을 공부한 적이 있지만, 더 간편하고 많이 쓰이기 시작한다는 Recoil을 사용하기로 했었다. 그런데 초기셋팅은 해두었지만 마음이 급해 그냥 state를 쓰다가 문제를 해결하기 위

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

[TIL 49] Recoil

[TIL 49] Recoil

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

[Recoil] Selector를 이용하여 API 값 캐싱하기 with React & TypeScript 📮

안녕하세요! 오늘은 TypeScript + React 환경에서 Selector를 이용하여 Axios의 데이터 값을 캐싱하는 방법에 대해서 알아보도록 하겠습니다.

2021년 5월 13일
·
3개의 댓글
post-thumbnail

[TIL][React] 상태관리 고민 (Context, Recoil)

개발중인 시스템에서 react-query를 도입하며 redux를 제거하기로 했다 (최소화 하고싶지만) 여전히 글로벌 상태값이 필요한 케이스(서버에서 받아오지 않음, 구독기능이 필요함)들을 어떻게 처리할까 고민을 하면서 여러가지 대안을 생각해보았다. redux를 최소

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

[DeepFlow] 프로젝트 5주차 ~ 8주차 정리 및 느낀점 😀

안녕하세요! 오늘은 한달 전에 작성하였던 DeepFlow라는 개인 프로젝트의 5주차 ~ 8주차 동안의 활동 내용 및 느낀점을 작성해보도록 하겠습니다.

2021년 5월 8일
·
2개의 댓글