JotaiJotai

상태
React를 위한 기본적이고 유연한 상태 관리

Showcase

  • 텍스트 길이 예제 CodeSandbox에서 열기

    텍스트의 길이를 계산하고 대문자로 변환한 결과를 보여줍니다.

  • 해커 뉴스 예제 CodeSandbox에서 열기

    Jotai를 사용한 뉴스 기사 데모입니다. 다음 버튼을 눌러 더 많은 기사를 확인할 수 있습니다.

  • 할 일 목록 예제 CodeSandbox에서 열기

    이 앱에 할 일을 입력하여 목록을 기록하고, 완료한 작업은 체크 표시할 수 있습니다. 완료됨미완료 사이를 전환하여 작업 상태를 확인할 수 있습니다.

  • atomFamily와 localStorage를 사용한 할 일 목록 예제 CodeSandbox에서 열기

    atomFamily와 localStorage를 사용하여 할 일 목록을 구현한 예제입니다. Save to localStorage를 클릭하면 할 일 목록을 localStorage에 저장할 수 있고, 목록을 삭제한 후 Load from localStorage를 클릭하면 저장된 목록을 복원할 수 있습니다.

  • Next.js를 사용한 시계 예제 CodeSandbox에서 열기

    Next.js와 Jotai를 사용하여 UTC 시간을 표시하는 전자 시계를 구현한 예제입니다.

  • 틱택토 게임 CodeSandbox에서 열기

    Jotai를 사용하여 구현한 틱택토 게임입니다.

  • React Three Fiber 데모 CodeSandbox에서 열기

    Jotai와 react-three-fiber를 함께 사용하는 간단한 데모입니다.