@atom.io/react

Atom.io的回放装订.

读取 attom.io.fyi 的文档

边安装此软件包 atom.io 和反应 18 或 19. 替换从 atom.io/react 与 @atom.io/react;出口和行为不变.

安装

pnpm add atom.io @atom.io/react react

使用量

import { useO } from "@atom.io/react"
import { atom, setState } from "atom.io"
import type { ReactNode } from "react"

const countAtom = atom<number>({ key: `count`, default: 0 })

export function Counter(): ReactNode {
    const count = useO(countAtom)
    return (
        <button
            type="button"
            onClick={() => {
                setState(countAtom, (value) => value + 1)
            }}
        >
            Count: {count}
        </button>
    )
}

效果

探索 二十个效果前后实例,包括反应判断和原子.io所有权模型. 将状态同步移动到原子、选择器、交易和可装入状态。 保留 useLayoutEffect 工作需要 承诺的布局前油漆.

useAtomicRef 执行后公布主机更改并清除上一个原子到 null 正在卸载或重新瞄准。 它跳过清理 写给已经处理的成员。 消费者必须处理分离问题;开发严格模式可以拆卸并重新添加资源。 未更改的主机不重新发布,而钩子不会自动处理原子.

套装大小

软件包导出大小包括完整的运行时导出表面.

大小是精确的精度和9级gzip JavaScript字节计数. 申报、原始地图、CSS和其他资产不包括在内。 同伴依赖性保持外部,共享模块每捆被计算一次.

报告保存于 吨数。 。 。 .