rsnext/examples/with-jotai
Aleksa Cukovic bcd8de3262
Add *.tsbuildinfo to .gitignore of examples that use typescript (#38005)
I added ` *.tsbuildinfo` to gitignores of examples that use typescript and don't already have it. By use typescript I mean have `tsconfig` somewhere in their directory tree. 

I used the following script to update the files:

```bash
#!/bin/bash

set -eou pipefail

cd examples
examples=`git ls-files . | grep tsconfig | xargs dirname | grep -v "/"`

for example in $examples; do
    if ! grep -q tsbuildinfo $example/.gitignore; then
        gitignore="$example/.gitignore"
        echo $gitignore
        tail -c1 $gitignore | read -r _ || echo >> $gitignore
        echo -e "\n# typescript\n*.tsbuildinfo" >> $gitignore
    fi
done
```
2022-06-26 11:17:44 +00:00
..
pages Examples: Jotai (#27940) 2021-08-14 04:06:49 +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 Add *.tsbuildinfo to .gitignore of examples that use typescript (#38005) 2022-06-26 11:17:44 +00:00
next-env.d.ts Include submodules in exported type definition (#28316) 2021-11-26 14:46:56 +01:00
next.config.js Examples: Jotai (#27940) 2021-08-14 04:06:49 +00:00
package.json Add ci script to check examples (#28009) 2021-08-14 13:34:40 -05:00
README.md Update pnpm create next-app for latest pnpm 6 and 7 (#37254) 2022-05-27 21:21:40 +00: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
# or
yarn create next-app --example with-jotai with-jotai-app
# or
pnpm create next-app --example with-jotai with-jotai-app

Deploy it to the cloud with Vercel (Documentation).