# Jotai

33개의 포스트
post-thumbnail

🚧 Detected multiple Jotai instances. It may cause unexpected behavior with the default store. 🚧

Next.js 프로젝트에서 Jotai를 사용하다가 만난 경고...! 말 그대로 Jotai 인스턴스가 중복되어서 나타나는 경고인 것 같았고, 경고문에 함께 나오는 github 링크를 타고 들어가서 내용도 살펴봤는데, Context가 중첩되면 문제가 생길 수 있어서 나타나

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

[ Jotai ] 👻 useAtomValue 사용하기

프로젝트를 진행하면서 으로 값을 저장한 것을 다른 페이지에서 쓰고싶을때 ! 어떻게 사용하느냐 ~일단 이런 방법으로 userNick의 값을 할당해준다. -> useState와 같은 기능이후 (우리는 stores 라는 파일을 만들어 관리한다)이런식으로 지정해준다.여기까지가

2023년 11월 21일
·
0개의 댓글
·
post-thumbnail

🚨Cannot find name 'SetAtom'.🚨

❗문제 내용 Jotai를 사용하다가 나타난 오류. 컴포넌트에 useSetAtom(...) 함수를 넘겨주고 싶어서 props 타입을 정의해 보았는데, 여기서 SetAtom이라는 타입이 resolve 되지 않아서 나타나는 오류였다. SetStateAction 같은 경

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

jotai 활용하기

이번 프로젝트를 진행하면서 jotai를 쓰기로 했다 !그러면서 공식 문서를 공부 할 필요성을 느껴서 공부를 했다 ..🤪공식 홈페이지에서 매우 작은 3kb의 번들 사이즈와 타입스크립트 지향적이라고 소개하고있다.매우 작은 크기로 돌아가고 가볍게 사용하기 좋기 때문에 부담

2023년 11월 8일
·
0개의 댓글
·
post-thumbnail

[Jotai 공식문서 정리] 🆙React 상태관리 도구 Jotai Core👻

Jotai 공식 문서에서 Core 라이브러리에 대한 내용을 조금 더 정리해 보려고 한다!!Jotai 공식 문서atom() 함수는 atom config를 생성함이를 'atom config'라고 부르는 이유는, 단지 정의일 뿐, 아직 값을 보유하고 있지 않기 때문문맥이 명

2023년 11월 4일
·
0개의 댓글
·
post-thumbnail

[Jotai 공식문서 정리] ➰React 상태관리 도구 Jotai 기본👻

프로젝트 상태 관리 도구로 Jotai를 도입하기로 했다! 그 이유는...

2023년 11월 4일
·
0개의 댓글
·
post-thumbnail

상태관리 패턴에 따른 상태관리 라이브러리 분석하기

리액트 상태관리 라이브러리는 정말 다양한 게 많다는 것을 느끼고 있으면서도 여기서 나한테 가장 편한 라이브러리를 찾게 된다.기존에 Redux -> RTK (Redux Tool Kit) -> 그리고 이제 Atomic 방식의 Recoil 까지 도달하게 되었는데, 현재는 이

2023년 10월 23일
·
0개의 댓글
·
post-thumbnail

[다담다 프로젝트] Jotai로 모달 관리하는 테스트코드 작성하기

오늘 작성할 내용은 이번 프로젝트에서 가장 만족스러운 코드이다.

2023년 10월 15일
·
0개의 댓글
·

jotai 톺아보기

atomatom 함수는 atom 구성을 생성하는 함수입니다. 정의일 뿐이며 아직 값을 보유하지 않기 때문에 "atom config"라고 부릅니다. 문맥이 명확하다면 그냥 "atom"이라고 부를 수도 있습니다.아톰 구성은 불변 객체입니다. atom 구성 객체는 값을 보유

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

Jotai

jotai

2023년 9월 16일
·
0개의 댓글
·
post-thumbnail

상태관리 레인저! 프론트엔드 상태관리 라이브러리들을 살펴보자 #1 (상태관리의 시작)

React state를 전역 상태로 관리하고 싶다고? React 상태관리 레인저! 우리에게 맞겨라!React 를 사용하는 개발자라면 누구나 마주하게 되는 순간이 하나 있다. 그건 바로 props drilling. 내가 사용해야하는 state 가 쓸데 없이 번거로운 과정

2023년 8월 10일
·
1개의 댓글
·
post-thumbnail

Jotai 공식 문서를 통해 사용법에 대해 알아보자

사이드 프로젝트로 전역 상태 도구를 사용할 필요가 생겨서 Recoil을 사용하려다가 Jotai를 사용하게 된 썰. 하지만 조금 익숙하지 않아서 공식 문서를 통해 천천히 읽어봤습니다.

2023년 8월 5일
·
1개의 댓글
·
post-thumbnail

react 상태관리도구

Context API React의 Context는 컴포넌트 간에 데이터를 전달하는 메커니즘을 제공하는 React API입니다. 일반적으로 React 컴포넌트는 상위 컴포넌트로부터 데이터를 props로 전달받습니다. 그러나 컴포넌트 트리의 여러 단계를 거치는 경우, 중간

2023년 7월 23일
·
1개의 댓글
·
post-thumbnail

jotai로 undo/redo 기능 구현하기

프로젝트를 진행하며 undo/redo 기능을 구현하게 되었는데 간단하게나마 남겨둔다면 나중의 나 또는 다른 사람들에게 도움이 되지 않을까 싶어 글을 쓰게 되었다...

2023년 7월 11일
·
0개의 댓글
·
post-thumbnail

상태관리 라이브러리 [임상태] 개발기 - 1

jotai와 clone따서 코드를 살펴보다가 비슷한 라이브러리를 문득 직접 구현해보면 코드를 이해하기 쉽겠다라는 생각이 들었다.jotai의 인터페이스와 내부 구조를 참고해서 직접 구현해보았다. 글 작성 시점에는 어느정도의 기능 개발이 진행 된 상태이고, 추후 기능 업데

2023년 6월 7일
·
1개의 댓글
·

TIL: Jotai | 시작

Jotai 는 상태라는 뜻의 일본어로Zustand 를 만든 곳에서 만든 상태 관리 라이브러리Zustand 는 독일어로 상태Zustand 는 Redux를 대체하기 위해Jotai 는 Recoil 을 대체하기 위해 만들었다고 한다Jotai 는 Recoil 과 거의 흡사한데a

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

Jotai Provider

jotai Provider에 대해서 알아보자

2023년 4월 24일
·
0개의 댓글
·
post-thumbnail

Jotai - atoms in atom

조----타이

2023년 4월 8일
·
0개의 댓글
·
post-thumbnail

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

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

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

Jotai - atom 구조화

이번 포스트는 jotai atom의 의미와 derived atom들의 종류와 기본적인 사용법을 알고있다는 가정 하에 작성 된 글입니다. 위 내용에 대해 익숙하지 않으시다면 이전 Jotai tutorial 시리즈를 먼저 읽고 오시는 것을 추천드립니다.

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