# Recoil

358개의 포스트
post-thumbnail

토스트 메시지 구현하기 with React, framer motion, Recoil

최근에 토스트 메시지를 개발해야할 일이 있어서 Implementing animated toasts in React를 참고하여 새롭게 컴포넌트를 만들었는데, 이를 다시 정리해보려고 한다.

1일 전
·
0개의 댓글
·
post-thumbnail

[React 상태관리 라이브러리 단순 비교] - 부제 : Recoil... 너 살아있니?

Recoil이 망할지도 모른다는 불안감에 작성한 단순 비교 포스팅.

4일 전
·
0개의 댓글
·
post-thumbnail

Styled-components로 다크모드 구현하기

styled-components를 활용해 다크모드 구현해보기

4일 전
·
0개의 댓글
·
post-thumbnail

[Recoil] React의 새로운 상태관리 라이브러리

😶‍🌫️ Recoil ?

2023년 3월 25일
·
0개의 댓글
·

recoil 이란

전역상태 라이브러리useState처럼 상태 관리atoms나 다른 selectors를 입력으로 받아들이는 순수 함수상태를 계산 할 때 사용get인자를 통해 다른 atom이나 selector에 접근 할 수 있따.Selectors와 다른 점은 매개변수를 받을수 있다.http

2023년 3월 25일
·
0개의 댓글
·
post-thumbnail

⚛ Recoil을 써보자

상태관리를 쉽게 해보자

2023년 3월 22일
·
0개의 댓글
·

Recoil에서 multiple root 사용하는 법

Multiple <RecoilRoot>'s may co-exist and represent independent providers/stores of atom state; atoms will have distinct values within each root. Th

2023년 3월 22일
·
0개의 댓글
·

20210614 - recoil, react, 푸념

리코일과 최근 리액트 업데이트에서 계속 얘기하는 동시성 모드에 대해서 좀 더 공부해봐야겠다.waitForAll(dependencies)여러 비동기 종속성을 동시에 평가할 수 있는 동시성(concurrency) helper입니다.종속성들은 튜플 배열 또는 객체에 명명된

2023년 3월 21일
·
0개의 댓글
·

20210201 - react, recoil

recoil은 react스럽게비동기 함수로 설정된 atom이나 selector를 사용할 경우 해당 컴포넌트를suspense로 래핑하거나, useRecoilStateLoadable()를 사용해야 한다.계속해서 어려움을 겪었던 부분은 이전 redux를 사용할 때와store

2023년 3월 21일
·
0개의 댓글
·

20210127 - json-server, recoil

https://flamingotiger.github.io/etc/etc/jsonplaceholder/가상데이터 JSONPlaceholder 사용법https://medium.com/swlh/an-easier-way-to-generate-recoil-te

2023년 3월 21일
·
0개의 댓글
·

20210119 - recoil 비동기

비동기 함수 진행 시나리오를 좀 더 생각해야 할듯(Suspense, useRecoilValueLoadable, useRecoilStateLoadable)Loadable 을 통한 상태state : 비동기 상태를 나타내며 hasValue(값이 존재하는 상태), loadi

2023년 3월 21일
·
0개의 댓글
·

Recoil.til

230321.til / Recoil

2023년 3월 21일
·
0개의 댓글
·

[Challange] 유저정보 리코일로 관리하기

recoil은 사용해본 적이 없는데 왜 쉽다고 하는지 알 것 같다. useState쓰듯이 쓰면 되더라.atomuseRecoilValue

2023년 3월 19일
·
0개의 댓글
·

[Challenge] 로그인 구현 lv.4

reactreact-router-domtypescriptrecoiladmin & authlogout유저의 role에 따라 접근 권한이 주어지는 경우가 있다. admin 페이지가 대표적이다. 이때는 서버에서도 통제를 해주어야한다. 멘토님이 말씀하시기를 가끔 너무 바쁘고

2023년 3월 19일
·
0개의 댓글
·
post-thumbnail

Recoil 알아보기

Recoil이란? Recoil는 React를 위한 상태 관리 라이브러리다.Recoil을 사용하면 atoms (공유 상태)에서 selectors (순수 함수)를 거쳐 React 컴포넌트로 내려가는 data-flow graph를 만들 수 있다. > React의 한계 컴

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

Recoil - 시작

recoil - 시작

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

리액트 오디오 컴포넌트 만들기 with 타입스크립트 & 리코일

my-app 이란 이름의 타입스크립트기반 프로젝트 생성npx create-react-app my-app --template typescript리코일 설치npm install recoil오디오 파일을 들고오려면 세 단계가 필요하다.타입스크립트 선언 파일 d.ts을 만든다

2023년 3월 13일
·
0개의 댓글
·

[React.js] 부모컴포넌트와 상태(state) 공유에 대한 고민

3.13(월) 프로젝트 진행 중 다른 팀원들이 재사용이 가능한 Counter 컴포넌트를 구현하게 되었다. 카운터의 값을 부모 컴포넌트에서도 이용이 가능하게 구현 중 생기게 된 고민을 다룬 글입니다.1\. 부모 컴포넌트의 setState 함수를 자식 컴포넌트의 props

2023년 3월 13일
·
0개의 댓글
·

[Error] Recoil, Expectation Violation: Duplicate atom key

Expectation Violation: Duplicate atom key "???". This is a FATAL ERROR in production. But it is safe to ignore this warning if it occurred because of

2023년 3월 12일
·
0개의 댓글
·
post-thumbnail

최종프로젝트 주요 구동장면 및 기술적 챌린지

1) recoil의 useRecoilState와 react-router-dom의 useLocation을 이용한 query String으로 메뉴 관리. 2) 기존에 페이지 새로고침 시 HOME으로 초기화되는 부분을 해결하고자 메뉴 상태 유지를 위해 sessionStora

2023년 3월 11일
·
0개의 댓글
·