Jotai

网站标签

该站未曾设置keywords

网站描述

Jotai采用自下而上的方法来管理全局React状态，其atom模型的灵感来自Recoil。人们可以通过组合多个atom来构建状态，并根据atom直间的依赖关系来优化渲染。这就解决了React上下文的额外重新渲染问题，并消除了对memoization的需求。

上一篇：云网易通信息技术（北京）有限公司

下一篇：杭州紫之艺术学堂

网站快照

J o t a i ， 简 单 而 灵 活 的 R e a c t 状 态 管 理 工 具 J o t a i J o t a i 状 態 P r i m i t i v e a n d f l e x i b l e s t a t e m a n a g e m e n t f o r R e a c t S e a r c h . . . 中 文 文 档 教 程 支 持 我 们 源 码 仓 库 软 件 包 社 区 动 态 l i b r a r y b y D a i s h i K a t o a r t b y J e s s i e W a t e r s s i t e b y 京 I C P 备 1 5 0 3 1 6 1 0 号 1 0 1 J o t a i J o t a i 状 態 P r i m i t i v e a n d f l e x i b l e s t a t e m a n a g e m e n t f o r R e a c t v 2 欢 迎 使 用 J o t a i v 2 ！ J o t a i 完 全 兼 容 R e a c t 1 8 和 即 将 推 出 的 u s e h o o k 。 现 在 ， 您 可 以 在 R e a c t 之 外 使 用 s t o r e i n t e r f a c e 了 。 请 从 以 下 全 新 的 “ 入 门 ” 章 节 开 始 吧 ！ 简 介 J o t a i 采 用 A t o m 风 格 的 方 式 进 行 全 局 的 R e a c t 状 态 管 理 。 通 过 组 合 a t o m 来 构 建 状 态 ， 并 根 据 a t o m 的 依 赖 关 系 自 动 优 化 渲 染 。 这 解 决 了 R e a c t 上 下 文 的 额 外 重 新 渲 染 问 题 ， 消 除 了 对 m e m o i z a t i o n 的 需 求 ， 并 在 保 持 声 明 式 编 程 模 型 的 同 时 ， 提 供 了 与 信 号 （ s i g n a l s ） 类 似 的 开 发 体 验 。 它 可 以 从 简 单 的 u s e S t a t e 替 代 品 扩 展 到 具 有 复 杂 需 求 的 企 业 级 T y p e S c r i p t 应 用 程 序 。 此 外 ， 还 有 大 量 实 用 工 具 和 扩 展 程 序 可 以 为 你 提 供 帮 助 ！ J o t a i 已 被 应 用 于 这 些 创 新 型 公 司 的 生 产 环 境 中 。 入 门 接 下 来 将 指 导 您 创 建 一 个 简 单 的 J o t a i 应 用 程 序 。 首 先 是 安 装 J o t a i ， 然 后 探 索 核 心 A P I 的 基 础 知 识 ， 最 后 在 应 用 于 R e a c t 框 架 中 进 行 服 务 器 端 渲 染 。 安 装 首 先 将 J o t a i 作 为 依 赖 项 添 加 到 R e a c t 项 目 中 。 # n p m n p m i j o t a i # y a r n y a r n a d d j o t a i # p n p m p n p m a d d j o t a i 创 建 a t o m 首 先 创 建 原 始 和 派 生 类 型 的 a t o m 来 构 建 状 态 。 原 始 类 型 的 a t o m 原 始 类 型 的 a t o m 可 以 是 后 面 列 出 的 任 何 类 型 ： b o o l e a n s 、 n u m b e r s 、 s t r i n g s 、 o b j e c t s 、 a r r a y s 、 s e t s 、 m a p s 、 等 。 i m p o r t f r o m j o t a i c o n s t c o u n t A t o m = a t o m ( 0 ) c o n s t c o u n t r y A t o m = a t o m ( J a p a n ) c o n s t c i t i e s A t o m = a t o m ( [ T o k y o , K y o t o , O s a k a ] ) c o n s t a n i m e A t o m = a t o m ( [ , ] ) 派 生 类 型 的 a t o m 派 生 类 型 的 a t o m 在 返 回 自 身 的 值 之 前 ， 可 以 读 取 其 它 a t o m 的 值 。 c o n s t p r o g r e s s A t o m = a t o m ( ( g e t ) = > ) 使 用 a t o m 在 R e a c t 组 件 中 使 用 a t o m 来 读 取 或 写 入 状 态 。 从 同 一 个 组 件 中 读 取 和 写 入 在 同 一 个 组 件 中 读 取 和 写 入 a t o m 时 ， 为 简 便 起 见 ， 请 使 用 合 并 后 的 u s e A t o m h o o k 。 i m p o r t f r o m j o t a i c o n s t A n i m e A p p = ( ) = > > l i > ) ) } u l > b u t t o n o n C l i c k = ] ) } } > A d d C o w b o y B e b o p b u t t o n > > ) } 从 不 同 的 组 件 中 读 取 和 写 入 当 a t o m 的 值 为 只 允 许 读 或 写 时 ， 请 使 用 u s e A t o m V a l u e 和 u s e S e t A t o m 这 两 个 h o o k 来 优 化 重 新 渲 染 的 效 率 。 i m p o r t f r o m j o t a i c o n s t A n i m e L i s t = ( ) = > > l i > ) ) } u l > ) } c o n s t A d d A n i m e = ( ) = > ] ) } } > A d d C o w b o y B e b o p b u t t o n > ) } c o n s t P r o g r e s s T r a c k e r = ( ) = > % w a t c h e d d i v > ) } c o n s t A n i m e A p p = ( ) = > 服 务 器 端 渲 染 如 果 服 务 器 端 渲 染 使 用 的 是 类 似 N e x t . j s 或 W a k u 之 类 的 框 架 时 ， 请 确 保 在 r o o t 节 点 下 添 加 一 个 J o t a i P r o v i d e r 。 N e x t . j s （ 使 用 a p p 目 录 ） 在 单 独 的 客 户 端 组 件 中 创 建 J o t a i p r o v i d e r 。 然 后 将 新 建 的 p r o v i d e r 导 入 （ i m p o r t ） 到 根 目 录 下 的 l a y o u t . j s 服 务 器 端 组 件 中 。 / / . / c o m p o n e n t s / p r o v i d e r s . j s u s e c l i e n t i m p o r t f r o m j o t a i e x p o r t c o n s t P r o v i d e r s = ( ) = > P r o v i d e r > ) } / / . / a p p / l a y o u t . j s i m p o r t f r o m . . / c o m p o n e n t s / p r o v i d e r s e x p o r t d e f a u l t f u n c t i o n R o o t L a y o u t ( ) P r o v i d e r s > b o d y > h t m l > ) } N e x t . j s （ 使 用 p a g e s 目 录 ） 在 _ a p p . j s 中 添 加 J o t a i p r o v i d e r 。 / / . / p a g e s / _ a p p . j s i m p o r t f r o m j o t a i e x p o r t d e f a u l t f u n c t i o n A p p ( ) / > P r o v i d e r > ) } W a k u 在 单 独 的 客 户 端 组 件 中 创 建 J o t a i p r o v i d e r 。 然 后 将 新 建 的 p r o v i d e r 导 入 （ i m p o r t ） 到 根 布 局 文 件 中 。 / / . / s r c / c o m p o n e n t s / p r o v i d e r s . j s u s e c l i e n t i m p o r t f r o m j o t a i e x p o r t c o n s t P r o v i d e r s = ( ) = > P r o v i d e r > ) } / / . / s r c / p a g e s / _ l a y o u t . j s i m p o r t f r o m . . / c o m p o n e n t s / p r o v i d e r s e x p o r t d e f a u l t a s y n c f u n c t i o n R o o t L a y o u t ( ) P r o v i d e r s > ) } A P I 概 述 核 心 J o t a i 的 A P I 很 精 简 ， 并 且 是 面 向 T y p e S c r i p t 的 。 它 与 R e a c t 内 置 的 u s e S t a t e h o o k 一 样 简 单 易 用 ， 并 且 所 有 状 态 都 是 全 局 可 访 问 的 ， 派 生 状 态 也 易 于 实 现 ， 并 且 自 动 消 除 了 不 必 要 的 重 新 渲 染 。 H E L L O i m p o r t f r o m j o t a i / / C r e a t e y o u r a t o m s a n d d e r i v a t i v e s c o n s t t e x t A t o m = a t o m ( h e l l o ) c o n s t u p p e r c a s e A t o m = a t o m ( ( g e t ) = > g e t ( t e x t A t o m ) . t o U p p e r C a s e ( ) ) / / U s e t h e m a n y w h e r e i n y o u r a p p c o n s t I n p u t = ( ) = > o n C h a n g e = / > ) } c o n s t U p p e r c a s e = ( ) = > d i v > ) } / / N o w y o u h a v e t h e c o m p o n e n t s c o n s t A p p = ( ) = > 实 用 工 具 J o t a i 软 件 包 还 包 含 了 一 个 j o t a i / u t i l s 包 。 这 些 额 外 的 函 数 提 供 了 在 l o c a l S t o r a g e 中 持 久 化 a t o m 、 在 服 务 器 端 渲 染 时 h y d r a t i n g a n a t o m 、 使 用 类 似 R e d u x 的 r e d u c e r s 和 a c t i o n t y p e s 创 建 a t o m 等 功 能 的 支 持 。 i m p o r t f r o m j o t a i i m p o r t f r o m j o t a i / u t i l s / / S e t t h e s t r i n g k e y a n d t h e i n i t i a l v a l u e c o n s t d a r k M o d e A t o m = a t o m W i t h S t o r a g e ( d a r k M o d e , f a l s e ) c o n s t P a g e = ( ) = > m o d e ! h 1 > b u t t o n o n C l i c k = > t o g g l e t h e m e b u t t o n > > ) } 扩 展 每 个 官 方 扩 展 都 是 独 立 的 软 件 包 ： t R P C 、 I m m e r 、 Q u e r y 、 X S t a t e 、 U R Q L 、 O p t i c s 、 R e l a y 、 l o c a t i o n 、 m o l e c u l e s 、 c a c h e 等 。 某 些 扩 展 提 供 了 新 的 a t o m 类 型 并 自 带 写 入 函 数 ， 例 如 a t o m W i t h I m m e r ( I m m e r ) 或 a t o m W i t h M a c h i n e ( X S t a t e ) 。 其 它 新 的 a t o m 类 型 提 供 了 双 向 数 据 绑 定 函 数 ， 例 如 a t o m W i t h L o c a t i o n 或 a t o m W i t h H a s h 。 I n c r e m e n t 0 i m p o r t f r o m j o t a i i m p o r t f r o m j o t a i i m m e r / / C r e a t e a n e w a t o m w i t h a n i m m e r b a s e d w r i t e f u n c t i o n c o n s t c o u n t A t o m = a t o m W i t h I m m e r ( 0 ) c o n s t C o u n t e r = ( ) = > d i v > ) } c o n s t C o n t r o l s = ( ) = > > + 1 b u t t o n > ) } 了 解 更 多 观 看 由 J o t a i 的 创 建 者 D a i s h i 在 E g g h e a d 上 推 出 的 免 费 课 程 。 l i b r a r y b y D a i s h i K a t o a r t b y J e s s i e W a t e r s s i t e b y G i t H u b n p m D o c s S e a r c h . . . 介 绍 b a s i c s 概 念 比 较 案 例 g u i d e s 异 步 T y p e S c r i p t 调 试 持 久 化 N e x t . j s R e a c t N a t i v e 可 复 位 原 子 中 的 A t o m 测 试 V i t e 内 部 核 心 组 合 a t o m 在 R e n d e r 中 初 始 化 A t o m S t a t e 性 能 迁 移 到 J o t a i v 2 A P I U s i n g s t o r e o u t s i d e R e a c t G a t s b y R e m i x a p i 核 心 U t i l s D e v t o o l s B a b e l S W C c o r e a t o m u s e A t o m S t o r e P r o v i d e r u t i l i t i e s S t o r a g e S S R A s y n c L a z y R e s e t t a b l e F a m i l y C a l l b a c k R e d u c e r S e l e c t S p l i t e x t e n s i o n s t R P C Q u e r y E f f e c t U R Q L I m m e r X S t a t e L o c a t i o n C a c h e S c o p e O p t i c s R e d u x R e l a y V a l t i o Z u s t a n d i n t e g r a t i o n s I m m e r O p t i c s T a n S t a c k Q u e r y X S t a t e V a l t i o Z u s t a n d R e d u x U R Q L L o c a t i o n t R P C 分 子 R e l a y 缓 存 a d v a n c e d r e c i p e s 大 对 象 创 建 A t o m 自 定 义 u s e A t o m h o o k s t o o l s S W C B a b e l D e v t o o l s r e c i p e s L a r g e o b j e c t s C u s t o m u s e A t o m h o o k s u s e A t o m E f f e c t a t o m W i t h T o g g l e a t o m W i t h C o m p a r e a t o m W i t h T o g g l e A n d S t o r a g e a t o m W i t h R e f r e s h a t o m W i t h R e f r e s h A n d D e f a u l t a t o m W i t h L i s t e n e r s a t o m W i t h B r o a d c a s t a t o m W i t h D e b o u n c e u s e R e d u c e r A t o m C l o s e

网站说明：

www.jotai.com.cn由网友主动性提交被名站导航整理收录的，名站导航仅提供网站的基础信息并免费向大众网友展示，www.jotai.com.cn的IP地址：39.107.66.66 [中国北京北京 阿里云]，百度PC权重为0、百度手机权重为0、百度收录为0条、360收录为0条、搜狗收录为0条、谷歌收录为0条、百度来访流量大约在-之间、百度手机端来访流量大约在-之间、www.jotai.com.cn的备案号是-、备案主体是-、被百度收录的关键词有0个、手机端关键词有0个、该站点迄今为止已经创建1年8个月9天。

内容声明：

1、本站收录的内容来源于大数据收集，版权归原网站所有！
2、本站收录的内容若侵害到您的利益，请联系我们进行删除处理！
3、本站不接受违规信息，如您发现违规内容，请联系我们进行清除处理！
4、本文地址：https://www.hornyrob.com/guanlidh/0e68e6fb72c8a2150f6b.html，复制请保留版权链接！

---