rsnext/examples/with-jotai
Tim Neutkens 14c9376899
BREAKING CHANGE: Remove React 17 (#41629)
Next.js 13 will require React 18.

In this PR I've only updated the peerDependency and removed the test runs in GH actions. Further cleanup will follow later, this allows us to remove the code supporting it later.



## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have a helpful link attached, see `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`
- [ ] Integration 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`

## Documentation / Examples

- [ ] Make sure the linting passes by running `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: Jiachi Liu <4800338+huozhi@users.noreply.github.com>
2022-10-21 22:20:36 +00:00
..
pages examples(with-jotai): Update example (#38398) 2022-07-08 10:47:58 +00:00
public Examples: Jotai (#27940) 2021-08-14 04:06:49 +00:00
styles Examples: Jotai (#27940) 2021-08-14 04:06:49 +00:00
.gitignore Update default gitignore templates (#39051) 2022-07-26 20:08:40 -05:00
next.config.js Examples: Jotai (#27940) 2021-08-14 04:06:49 +00:00
package.json BREAKING CHANGE: Remove React 17 (#41629) 2022-10-21 22:20:36 +00:00
README.md docs(examples): improve DX while copying command to create new project (#38410) 2022-07-26 21:57:48 -05:00
tsconfig.json Examples: Jotai (#27940) 2021-08-14 04:06:49 +00:00

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.
  • Jotai uses the useHydrateAtoms hook to hydrate the value of an atom, for values that come from the server.

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).