https://github.com/douglasmatosdev/learn-jotai

Learn about jotai
https://github.com/douglasmatosdev/learn-jotai

jotai react typescript

Last synced: about 1 year ago
JSON representation

Learn about jotai

• Host: GitHub
• URL: https://github.com/douglasmatosdev/learn-jotai
• Owner: douglasmatosdev
• Created: 2023-10-28T13:59:26.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-29T23:18:50.000Z (over 2 years ago)
• Last Synced: 2025-02-19T12:55:22.606Z (over 1 year ago)
• Topics: jotai, react, typescript
• Language: TypeScript
• Homepage: https://learn-jotai.vercel.app/
• Size: 208 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Learn Jotai

> https://jotai.org/

## This repository are my studies about jotai from this course

[![Manage Application State with Jotai Atoms](https://storage.googleapis.com/candycode/jotai/jotai-course-banner.jpg)](https://egghead.io/courses/manage-application-state-with-jotai-atoms-2c3a29f0)

1. Share State Between React Components with Jotai useAtom

    - [code](https://github.com/douglasmatosdev/learn-jotai/tree/main/src/pages/first)

    - [demo](https://learn-jotai.vercel.app/first)

    - [codesandbox](https://codesandbox.io/s/jotai-first-example-share-state-between-react-components-with-jotai-useatom-3s867q)

2. Derive State from a Jotai Atom in React

    - [code](https://github.com/douglasmatosdev/learn-jotai/tree/main/src/pages/second)

    - [demo](https://learn-jotai.vercel.app/second)

    - [codesandbox](https://codesandbox.io/s/learn-jotai-second-example-derive-state-from-a-jotai-atom-in-react-jflct6)

3. Prevent Rerenders and Add Functionality with Jotai Write-only Atoms

    - [code](https://github.com/douglasmatosdev/learn-jotai/tree/main/src/pages/third)

    - [demo](https://learn-jotai.vercel.app/third)

    - [codesandbox](https://codesandbox.io/s/learing-jotai-third-example-prevent-rerenders-and-add-functionality-with-jotai-write-only-atoms-vss2gh)

4. Structure Jotai Atoms and Add Functionality to a React App

    - [code](https://github.com/douglasmatosdev/learn-jotai/tree/main/src/pages/fourth)

    - [demo](https://learn-jotai.vercel.app/fourth)

    - [codesandbox](https://codesandbox.io/s/learning-jotai-fourth-example-structure-jotai-atoms-and-add-functionality-to-a-react-app-y9w9cr)

5. Preserve State by Combining Multiple Jotai Atoms into One Atom

    - [code](https://github.com/douglasmatosdev/learn-jotai/tree/main/src/pages/fifth)

    - [demo](https://learn-jotai.vercel.app/fifth)

    - [codesandbox](https://codesandbox.io/s/5-preserve-state-by-combining-multiple-jotai-atoms-into-one-atom-xk4z54)