rsnext/examples/with-jotai/README.md
Vasu Singh 8d84dca5a9
chore(examples): more practical jotai example (#45973)
<!--
Thanks for opening a PR! Your contribution is much appreciated.
To make sure your PR is handled as smoothly as possible we request that
you follow the checklist sections below.
Choose the right checklist for the change(s) that you're making:
-->

The previous jotai example is a very basic counter-example, I updated
this to an example in which we can draw points on a canvas using the
cursor.


![next-jotai](https://user-images.githubusercontent.com/85363195/219225036-98461698-f1c1-4b85-8b0d-1fc42a463846.gif)


## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have a helpful link attached, see
[`contributing.md`](https://github.com/vercel/next.js/blob/canary/contributing.md)

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the
feature request has been accepted for implementation before opening a
PR.
- [ ] Related issues linked using `fixes #number`
- [ ]
[e2e](https://github.com/vercel/next.js/blob/canary/contributing/core/testing.md#writing-tests-for-nextjs)
tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have a helpful link attached, see
[`contributing.md`](https://github.com/vercel/next.js/blob/canary/contributing.md)

## Documentation / Examples

- [ ] Make sure the linting passes by running `pnpm build && pnpm lint`
- [ ] The "examples guidelines" are followed from [our contributing
doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md)

---------

Co-authored-by: Balázs Orbán <info@balazsorban.com>
2023-02-16 12:33:30 +00:00

1.4 KiB

Jotai example

This example shows how to integrate Jotai in Next.js.

  • Jotai is a primitive and flexible state management library for React.
  • Jotai is TypeScript oriented and aims to expose a minimalistic API for dealing with state in a data-flow graph way.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

Deploy with Vercel

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-jotai with-jotai-app
yarn create next-app --example with-jotai with-jotai-app
pnpm create next-app --example with-jotai with-jotai-app

Deploy it to the cloud with Vercel (Documentation).