# Jotai
🚧 Detected multiple Jotai instances. It may cause unexpected behavior with the default store. 🚧
Next.js 프로젝트에서 Jotai를 사용하다가 만난 경고...! 말 그대로 Jotai 인스턴스가 중복되어서 나타나는 경고인 것 같았고, 경고문에 함께 나오는 github 링크를 타고 들어가서 내용도 살펴봤는데, Context가 중첩되면 문제가 생길 수 있어서 나타나
[ Jotai ] 👻 useAtomValue 사용하기
프로젝트를 진행하면서 으로 값을 저장한 것을 다른 페이지에서 쓰고싶을때 ! 어떻게 사용하느냐 ~일단 이런 방법으로 userNick의 값을 할당해준다. -> useState와 같은 기능이후 (우리는 stores 라는 파일을 만들어 관리한다)이런식으로 지정해준다.여기까지가
🚨Cannot find name 'SetAtom'.🚨
❗문제 내용 Jotai를 사용하다가 나타난 오류. 컴포넌트에 useSetAtom(...) 함수를 넘겨주고 싶어서 props 타입을 정의해 보았는데, 여기서 SetAtom이라는 타입이 resolve 되지 않아서 나타나는 오류였다. SetStateAction 같은 경
jotai 활용하기
이번 프로젝트를 진행하면서 jotai를 쓰기로 했다 !그러면서 공식 문서를 공부 할 필요성을 느껴서 공부를 했다 ..🤪공식 홈페이지에서 매우 작은 3kb의 번들 사이즈와 타입스크립트 지향적이라고 소개하고있다.매우 작은 크기로 돌아가고 가볍게 사용하기 좋기 때문에 부담
[Jotai 공식문서 정리] 🆙React 상태관리 도구 Jotai Core👻
Jotai 공식 문서에서 Core 라이브러리에 대한 내용을 조금 더 정리해 보려고 한다!!Jotai 공식 문서atom() 함수는 atom config를 생성함이를 'atom config'라고 부르는 이유는, 단지 정의일 뿐, 아직 값을 보유하고 있지 않기 때문문맥이 명
[Jotai 공식문서 정리] ➰React 상태관리 도구 Jotai 기본👻
프로젝트 상태 관리 도구로 Jotai를 도입하기로 했다! 그 이유는...
상태관리 패턴에 따른 상태관리 라이브러리 분석하기
리액트 상태관리 라이브러리는 정말 다양한 게 많다는 것을 느끼고 있으면서도 여기서 나한테 가장 편한 라이브러리를 찾게 된다.기존에 Redux -> RTK (Redux Tool Kit) -> 그리고 이제 Atomic 방식의 Recoil 까지 도달하게 되었는데, 현재는 이
jotai 톺아보기
atomatom 함수는 atom 구성을 생성하는 함수입니다. 정의일 뿐이며 아직 값을 보유하지 않기 때문에 "atom config"라고 부릅니다. 문맥이 명확하다면 그냥 "atom"이라고 부를 수도 있습니다.아톰 구성은 불변 객체입니다. atom 구성 객체는 값을 보유
상태관리 레인저! 프론트엔드 상태관리 라이브러리들을 살펴보자 #1 (상태관리의 시작)
React state를 전역 상태로 관리하고 싶다고? React 상태관리 레인저! 우리에게 맞겨라!React 를 사용하는 개발자라면 누구나 마주하게 되는 순간이 하나 있다. 그건 바로 props drilling. 내가 사용해야하는 state 가 쓸데 없이 번거로운 과정
Jotai 공식 문서를 통해 사용법에 대해 알아보자
사이드 프로젝트로 전역 상태 도구를 사용할 필요가 생겨서 Recoil을 사용하려다가 Jotai를 사용하게 된 썰. 하지만 조금 익숙하지 않아서 공식 문서를 통해 천천히 읽어봤습니다.
react 상태관리도구
Context API React의 Context는 컴포넌트 간에 데이터를 전달하는 메커니즘을 제공하는 React API입니다. 일반적으로 React 컴포넌트는 상위 컴포넌트로부터 데이터를 props로 전달받습니다. 그러나 컴포넌트 트리의 여러 단계를 거치는 경우, 중간
jotai로 undo/redo 기능 구현하기
프로젝트를 진행하며 undo/redo 기능을 구현하게 되었는데 간단하게나마 남겨둔다면 나중의 나 또는 다른 사람들에게 도움이 되지 않을까 싶어 글을 쓰게 되었다...
상태관리 라이브러리 [임상태] 개발기 - 1
jotai와 clone따서 코드를 살펴보다가 비슷한 라이브러리를 문득 직접 구현해보면 코드를 이해하기 쉽겠다라는 생각이 들었다.jotai의 인터페이스와 내부 구조를 참고해서 직접 구현해보았다. 글 작성 시점에는 어느정도의 기능 개발이 진행 된 상태이고, 추후 기능 업데
TIL: Jotai | 시작
Jotai 는 상태라는 뜻의 일본어로Zustand 를 만든 곳에서 만든 상태 관리 라이브러리Zustand 는 독일어로 상태Zustand 는 Redux를 대체하기 위해Jotai 는 Recoil 을 대체하기 위해 만들었다고 한다Jotai 는 Recoil 과 거의 흡사한데a
[React 상태관리 라이브러리 단순 비교] - 부제 : Recoil... 너 살아있니?
Recoil이 망할지도 모른다는 불안감에 작성한 단순 비교 포스팅.
Jotai - atom 구조화
이번 포스트는 jotai atom의 의미와 derived atom들의 종류와 기본적인 사용법을 알고있다는 가정 하에 작성 된 글입니다. 위 내용에 대해 익숙하지 않으시다면 이전 Jotai tutorial 시리즈를 먼저 읽고 오시는 것을 추천드립니다.