introduction.md

id	getting-started
title	Getting Started

xoid is a scalable state management library with a small API surface. While learning it takes ~5 minutes, you can still manage great complexity with it.

Installation

The xoid package lives in npm. To install, you can run one of the following commands:

import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem';

<Tabs defaultValue="npm" values={[ {label: 'npm', value: 'npm'}, {label: 'yarn', value: 'yarn'}, {label: 'deno', value: 'deno'}, ]}>

npm install xoid

yarn add xoid

import { atom } from 'https://unpkg.com/xoid/index.js'

If you're using xoid with one of these frameworks, simply install one of the following packages:

<Tabs defaultValue="React" values={[ {label: 'React', value: 'React'}, {label: 'Vue', value: 'Vue'}, {label: 'Svelte', value: 'Svelte'}, ]}>

yarn add @xoid/react

yarn add @xoid/vue

yarn add @xoid/svelte

Resources

• If you're new to xoid, we recommend starting with the quick tutorial in the next section.
• In the Examples section, you'll find examples to run on Codesandbox.
• You can refer to the Recipes section for more.