Recoil 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Recoil 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
Recoil 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
Recoil 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
Recoil 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !

软件简介

Recoil 是 Facebook 开源的 React 状态管理库,目前处于实验性阶段。Rcoil 提供了在仅使用 React 情况下难以实现的多项功能,同时与 React 的最新功能兼容。

Recoil 能为开发者创建一个数据流图 (data-flow graph),从 atom(共享状态)到 selector(纯函数),再向下流到 React 组件。Atom 是组件可以订阅的状态单位。selector 可以同步或异步转换此状态。

Recoil 主要特性

  • 简练并保持与 React 一致:Recoil 的行为方式和原理与 React 完全一致。将其使用到你的应用程序中能够获得快速且灵活的状态共享
  • 数据流图:派生数据和异步查询均采用纯函数和高效的订阅方式实现。

  • 应用程序全局监听:通过监听应用程序中所有状态的变化来 实现持久化存储、路由、时间旅行调试或撤消,并且不会影响代码拆分。

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
发表于行业趋势专区
02/03 08:24

Facebook 2020 开源回顾:12w 次 commit、新增 200 个公开仓库

Facebook 发布了 2020 年的开源回顾,从开发者工具、数据、Web/移动开发、AI/机器学习和区块链等领域进行了介绍。 概要 2020年,Facebook 累计已有 746 个活跃的开源仓库,其中超过 200 个仓库于去年正式公开。 协作方面,Facebook 工程师与世界各地的开发者对开源代码库进行了超过 127000 次更改,其中约 13% 的改动是由 Facebook 之外的贡献者参与。 这些开源项目总共收获到了 128 万个 star,仅去年就新增了超过 12 万个 st...

3
3
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2020/05/18 07:32

Recoil - Facebook 官方 React 状态管理器

说到状态管理器,轮子满天飞。在 Class 时代,redux 与 mobx 几乎占据了全部市场,几乎没有没用过 redux 的同学。随着 Hooks 的诞生,新的一批轮子应运而生,其中有代表性的有 unstated-next、constate 等等。 当然无论什么轮子,要解决的问题都是一样的:**跨组件状态共享。**在解决这个核心问题的同时,需要尽可能的满足以下几个特性: TypeScript 支持 友好的异步支持 支持状态互相依赖 同时支持 Class 与 Hooks 组件 使用简...

0
0
发表于大前端专区
2020/05/18 08:36

Recoil - Facebook 官方 React 状态管理器

说到状态管理器,轮子满天飞。在 Class 时代,redux 与 mobx 几乎占据了全部市场,几乎没有没用过 redux 的同学。随着 Hooks 的诞生,新的一批轮子应运而生,其中有代表性的有 unstated-next、constate 等等。 当然无论什么轮子,要解决的问题都是一样的:跨组件状态共享。在解决这个核心问题的同时,需要尽可能的满足以下几个特性: TypeScript 支持 友好的异步支持 支持状态互相依赖 同时支持 Class 与 Hooks 组件 使用简单 ...

0
0
发表于大前端专区
2020/12/03 08:30

聊聊两个状态管理库 Redux & Recoil

State Management in React Apps 背景 React 是一个十分优秀的UI库, 最初的时候, React 只专注于UI层, 对全局状态管理并没有很好的解决方案, 也因此催生出类似Redux 这样优秀的状态管理工库。 随着时间的演变, 又催化了一批新的状态管理工具。 我简单整理了一些目前主流的: Redux React Context & useReducer Mobx Recoil react-sweet-state hox 这几个都是我接触过的,Npm 上的现状和趋势对比: 毫无疑问,React 和 Redu...

0
1
发表于大前端专区
2020/08/22 08:00

聊聊两个状态管理库 Redux & Recoil

State Management in React Apps 背景 React 是一个十分优秀的UI库, 最初的时候, React 只专注于UI层, 对全局状态管理并没有很好的解决方案, 也因此催生出类似Redux 这样优秀的状态管理工库。 随着时间的演变, 又催化了一批新的状态管理工具。 我简单整理了一些目前主流的: Redux React Context & useReducer Mobx Recoil react-sweet-state hox 这几个都是我接触过的,Npm 上的现状和趋势对比: 毫无疑问,React 和 Redu...

0
0
发表于大前端专区
2020/10/12 23:17

react 使用recoil 减少不必要的组件渲染

原文链接: react 使用recoil 减少不必要的组件渲染 https://recoiljs.org/docs/introduction/getting-started/ 安装 yarn add recoil 这个库目前看来是将状态的set和get分离开, 可以精细化的控制组件对状态的操作, 进而避免重复渲染, 比如一个状态在A中只读, 在B中只写, 那么该状态变化时只需要更新A即可 使用useContext和useMemo 也可以达到一样的效果, 但是会很麻烦 ,so...懒.... A和B中,分别有两个状态, C和D分别去更改 可...

0
0
2020/10/10 10:07

技术周刊 · 实现 Recoil 只需百行代码?

理解一个轮子最好的方法就是仿造一个轮子,很多框架都因此应运而生,比如面向 JS 开发者的 AI 工具 Danfo.js;参考 qiankun 的微前端框架 microcosmos;又比如 recoil-clone 这个库,只用百来行代码实现 recoil。青出于蓝而胜于蓝,才是推动轮子向前的不绝的动力源。 登高远眺— 天高地迥,觉宇宙之无穷 基础技术 TC39: proposal-decorators 装饰器提案 TC39 对装饰器方案的研究已经有超过5年的历史,本次提出的方案与Babel基于...

0
0
发表了博客
2020/08/21 21:16

聊聊 React 两个状态管理库 Redux & Recoil

背景 React 是一个十分优秀的UI库, 最初的时候, React 只专注于UI层, 对全局状态管理并没有很好的解决方案, 也因此催生出类似Flux, Redux 等优秀的状态管理工具。 随着时间的演变, 又催化了一批新的状态管理工具。 简单整理了一些目前主流的状态管理工具: Redux React Context & useReducer Mobx Recoil react-sweet-state hox 这几个都是我接触过的,Npm 上的现状和趋势对比: 毫无疑问,React 和 Redux 的组合是目前的主...

0
0
发表于大前端专区
2020/10/12 07:22

Facebook 新一代 React 状态管理库 Recoil

在 React Europe 2020 Conference 上, Facebook 软件工程师 Dave McCabe 介绍了一个新的状态管理库 Recoil。 Recoil 现在还处于实验阶段,现在已经在 Facebook 一些内部产品中用于生产环境。毕竟是官方推出的状态管理框架,之前没时间仔细研究,借着国庆期间看了看,给大家分享一下。 State 和 Context 的问题 假设我们有下面一个场景:有 List 和 Canvas 两个组件,List 中一个节点更新后,Canvas 中的节点也对应更新。 最常规...

0
0
2020/10/10 08:30

技术周刊 · 实现 Recoil 只需百行代码?

理解一个轮子最好的方法就是仿造一个轮子,很多框架都因此应运而生,比如面向 JS 开发者的 AI 工具 Danfo.js;参考 qiankun 的微前端框架 microcosmos;又比如 recoil-clone 这个库,只用百来行代码实现 recoil。青出于蓝而胜于蓝,才是推动轮子向前的不绝的动力源。 登高远眺— 天高地迥,觉宇宙之无穷 基础技术 TC39: proposal-decorators 装饰器提案 TC39 对装饰器方案的研究已经有超过5年的历史,本次提出的方案与Babel基于...

0
0
发表于大前端专区
2020/06/15 14:42

细聊Concent & Recoil , 探索react数据流的新开发模式

![rvc3.png](//static.cnodejs.org/Fv9tmB8e8R8XoL0M5xfOxz-TQMhr) 开源不易,感谢你的支持,[❤ star me if you like concent ^_^](https://github.com/concentjs/concent) ## 序言 之前发表了一篇文章 [redux、mobx、concent特性大比拼, 看后生如何对局前辈](https://juejin.im/post/5e7c18d9e51d455c2343c7c4),吸引了不少感兴趣的小伙伴入群开始了解和使用 [concent](https://github.com/concentjs/concent),并获得了很多正...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
5 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部