Jotai基礎

Jotai基礎

ポケモンで例えると: 状態管理を理解することは、新しい「わざ」を覚えるようなもの——使いこなせば、より強力な開発者になれます。

Jotaiは、アトミックな状態管理を提供するミニマリストなライブラリです。

インストール

npm install jotai

Atomの定義

import { atom } from 'jotai';

export const countAtom = atom(0);

派生Atom

import { atom } from 'jotai';
import { countAtom } from './atoms';

export const doubleCountAtom = atom((get) => get(countAtom) * 2);

コンポーネントでの使用

import { useAtom } from 'jotai';
import { countAtom, doubleCountAtom } from './atoms';

function Counter() {
  const [count, setCount] = useAtom(countAtom);
  const [doubleCount] = useAtom(doubleCountAtom);

  return (
    <div>
      <p>Count: {count}</p>
      <p>Double: {doubleCount}</p>
      <button onClick={() => setCount(count + 1)}>+</button>
    </div>
  );
}

---

🎓 まとめ

「状態管理は、開発者としての成長に欠かせない『わざ』である——継続的に学び、実践することで真の力となる。」

技術の習得は、ポケモンのレベルアップと同じ——一歩ずつ、着実に成長していくことが重要です。状態管理をマスターし、より強力な開発者を目指しましょう。