8d84dca5a9
<!-- 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> |
||
---|---|---|
.. | ||
components | ||
pages | ||
public | ||
styles | ||
.gitignore | ||
next.config.js | ||
package.json | ||
README.md | ||
tsconfig.json |
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
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).