diff --git a/docs/extensions/cache.mdx b/docs/extensions/cache.mdx index 1652bb0e0c..7f2c8b2806 100644 --- a/docs/extensions/cache.mdx +++ b/docs/extensions/cache.mdx @@ -18,7 +18,7 @@ a third-party library to help such use cases. ### Install ``` -npm i jotai-cache +npm install jotai-cache ``` ## atomWithCache diff --git a/docs/extensions/effect.mdx b/docs/extensions/effect.mdx index f37ddae7f3..413d5f6759 100644 --- a/docs/extensions/effect.mdx +++ b/docs/extensions/effect.mdx @@ -10,7 +10,7 @@ keywords: effect, atom effect, side effect, side-effect, sideeffect ## install ``` -npm i jotai-effect +npm install jotai-effect ``` ## atomEffect diff --git a/docs/extensions/immer.mdx b/docs/extensions/immer.mdx index e5fdc56cb8..794d6aa287 100644 --- a/docs/extensions/immer.mdx +++ b/docs/extensions/immer.mdx @@ -10,7 +10,7 @@ keywords: immer You have to install `immer` and `jotai-immer` to use this feature. ``` -npm i immer jotai-immer +npm install immer jotai-immer ``` ## atomWithImmer diff --git a/docs/extensions/location.mdx b/docs/extensions/location.mdx index 62af53a381..39677aa5de 100644 --- a/docs/extensions/location.mdx +++ b/docs/extensions/location.mdx @@ -12,7 +12,7 @@ To deal with `window.location`, we have some functions to create atoms. You have to install `jotai-location` to use this feature. ``` -npm i jotai-location +npm install jotai-location ``` ## atomWithLocation diff --git a/docs/extensions/optics.mdx b/docs/extensions/optics.mdx index 601946159d..4409fc6179 100644 --- a/docs/extensions/optics.mdx +++ b/docs/extensions/optics.mdx @@ -10,7 +10,7 @@ keywords: optics You have to install `optics-ts` and `jotai-optics` to use this feature. ``` -npm i optics-ts jotai-optics +npm install optics-ts jotai-optics ``` ## focusAtom diff --git a/docs/extensions/query.mdx b/docs/extensions/query.mdx index fb1103c818..05026b8ae1 100644 --- a/docs/extensions/query.mdx +++ b/docs/extensions/query.mdx @@ -22,7 +22,7 @@ jotai-tanstack-query currently supports TanStack Query v5. In addition to `jotai`, you have to install `jotai-tanstack-query` and `@tanstack/query-core` to use the extension. ```bash -npm i jotai-tanstack-query @tanstack/query-core +npm install jotai-tanstack-query @tanstack/query-core ``` ### Incremental Adoption @@ -338,7 +338,7 @@ See [a working example](https://codesandbox.io/s/4gfp6z) to learn more. In order to use the Devtools, you need to install it additionally. ```bash -npm i @tanstack/react-query-devtools +npm install @tanstack/react-query-devtools ``` All you have to do is put the `` within ``. diff --git a/docs/extensions/redux.mdx b/docs/extensions/redux.mdx index b6b509300c..4b4999f9ab 100644 --- a/docs/extensions/redux.mdx +++ b/docs/extensions/redux.mdx @@ -17,7 +17,7 @@ and sync with atoms in Jotai. You have to install `redux` and `jotai-redux` to use this feature. ``` -npm i redux jotai-redux +npm install redux jotai-redux ``` ## atomWithStore diff --git a/docs/extensions/relay.mdx b/docs/extensions/relay.mdx index a09c5315c7..d06b9d4955 100644 --- a/docs/extensions/relay.mdx +++ b/docs/extensions/relay.mdx @@ -13,7 +13,7 @@ You can use Jotai with [Relay](https://relay.dev). You have to install `jotai-relay` and `relay-runtime`. ``` -npm i jotai-relay relay-runtime +npm install jotai-relay relay-runtime ``` ### Usage diff --git a/docs/extensions/scope.mdx b/docs/extensions/scope.mdx index 5b9053ed3d..b7249100b9 100644 --- a/docs/extensions/scope.mdx +++ b/docs/extensions/scope.mdx @@ -22,7 +22,7 @@ and the use of those atoms is scoped within the subtree. ### Install ``` -npm i jotai-scope +npm install jotai-scope ``` ### Counter Example @@ -105,7 +105,7 @@ See [Motivation](https://github.com/saasquatch/bunshi/tree/v1.1.1#motivation) fo ### Install ``` -npm i bunshi +npm install bunshi ``` ### Counter Example diff --git a/docs/extensions/trpc.mdx b/docs/extensions/trpc.mdx index 2a41a135f7..603732bff5 100644 --- a/docs/extensions/trpc.mdx +++ b/docs/extensions/trpc.mdx @@ -12,7 +12,7 @@ You can use Jotai with [tRPC](https://trpc.io). You have to install `jotai-trpc`, `@trpc/client` and `@trpc/server` to use the extension. ``` -npm i jotai-trpc @trpc/client @trpc/server +npm install jotai-trpc @trpc/client @trpc/server ``` ### Usage diff --git a/docs/extensions/urql.mdx b/docs/extensions/urql.mdx index d8913a1aaa..3666e46b89 100644 --- a/docs/extensions/urql.mdx +++ b/docs/extensions/urql.mdx @@ -18,7 +18,7 @@ From the [Overview docs](https://formidable.com/open-source/urql/docs/): You have to install `jotai-urql`, `@urql/core` and `wonka` to use the extension. ``` -npm i jotai-urql @urql/core wonka +npm install jotai-urql @urql/core wonka ``` ### Exported functions diff --git a/docs/extensions/valtio.mdx b/docs/extensions/valtio.mdx index c298513b41..8f6284efd6 100644 --- a/docs/extensions/valtio.mdx +++ b/docs/extensions/valtio.mdx @@ -19,7 +19,7 @@ This only uses the vanilla api of valtio. You have to install `valtio` and `jotai-valtio` to use this feature. ``` -npm i valtio jotai-valtio +npm install valtio jotai-valtio ``` ## atomWithProxy diff --git a/docs/extensions/xstate.mdx b/docs/extensions/xstate.mdx index 1701a4934a..fdd8d180bb 100644 --- a/docs/extensions/xstate.mdx +++ b/docs/extensions/xstate.mdx @@ -15,7 +15,7 @@ a better and safer abstraction for state management. You have to install `xstate` and `jotai-xstate` to use this feature. ``` -npm i xstate jotai-xstate +npm install xstate jotai-xstate ``` ## atomWithMachine diff --git a/docs/extensions/zustand.mdx b/docs/extensions/zustand.mdx index 0890ef834b..c4635a1678 100644 --- a/docs/extensions/zustand.mdx +++ b/docs/extensions/zustand.mdx @@ -19,7 +19,7 @@ This only uses the vanilla api of zustand. You have to install `zustand` and `jotai-zustand` to use this feature. ``` -npm i zustand jotai-zustand +npm install zustand jotai-zustand ``` ## atomWithStore diff --git a/docs/third-party/derive.mdx b/docs/third-party/derive.mdx index fa15fbe78b..8eb887e6f1 100644 --- a/docs/third-party/derive.mdx +++ b/docs/third-party/derive.mdx @@ -21,7 +21,7 @@ Building data graphs with these dual-natured (sometimes async, sometimes sync) a You have to install `jotai-derive` to use this feature. ``` -npm i jotai-derive +npm install jotai-derive ``` ## derive diff --git a/docs/third-party/history.mdx b/docs/third-party/history.mdx index ee3f296980..77a0dc857e 100644 --- a/docs/third-party/history.mdx +++ b/docs/third-party/history.mdx @@ -10,7 +10,7 @@ keywords: history,undo,redo,jotai ## install ``` -npm i jotai-history +npm install jotai-history ``` ## withHistory diff --git a/docs/tools/devtools.mdx b/docs/tools/devtools.mdx index 9c9c062385..a96fdbeef5 100644 --- a/docs/tools/devtools.mdx +++ b/docs/tools/devtools.mdx @@ -10,7 +10,7 @@ keywords: devtools,debug,snapshot Install `jotai-devtools` to your project to get started. ```sh -npm i jotai-devtools +npm install jotai-devtools ``` ### Notes diff --git a/website/src/pages/index.js b/website/src/pages/index.js index 6360c8c66f..bc92acfca9 100644 --- a/website/src/pages/index.js +++ b/website/src/pages/index.js @@ -118,7 +118,7 @@ const gettingStartedTabs = {

Installation

First add Jotai as a dependency to your React project.

{`# npm -npm i jotai +npm install jotai # yarn yarn add jotai