영리의 테크블로그

1. 비동기 Atom기본적인 비동기 Atom// 가장 심플한 비동기 atomconst asyncAtom = atom(async () => { const response = await fetch('https://api.example.com/data'); return response.json();}); redux + thunk 처럼 길지 않고 매우 편리한거 같음!로딩/에러 상태 처리const todoWithStatusAtom = atom(async (get) => { try { const data = await get(asyncAtom); return { status: 'success', data }; } catch (error) { return { status: 'error', er..

Jotai가 뭔데?일단 Jotai는 React 상태관리 라이브러리임.이름이 일본어로 '상태'라는 뜻심플하고 직관적인거 같음. 사용 영상  기본 사용법import { atom, useAtom } from 'jotai';const textAtom = atom('안녕하세요'); // 초기값 설정function Component() { const [text, setText] = useAtom(textAtom); // useState랑 비슷하게 생겼지?}useState랑 뭐가 다른데?처음에는 그냥 useState랑 비슷하네? 했는데 완전 다름.제일 큰 차이점은 전역 상태 관리가 가능예를 들어서:useState는 컴포넌트 안에서만 씀Jotai는 여러 컴포넌트에서 같은 상태 공유 가능// atoms/themeAt..