软件简介

concent 是一个服务于 react,兼容 redux 生态的渐进式 & 高性能状态管理方案,基于依赖标记、引用收集和状态分发原理工作,通过独有的实例上下文机制增强组件能力,抹平类组件和函数组件的生命周期函数写法差异,内置 computed、watch、setup、event 等高级特性,让逻辑复用更优雅、组件表现形式更丰富、应用架构更稳健。

特性

  • 极简的核心api,`run`载入模块配置启动concent,`register`注册组件,无需包一层`Provider`在根组件。
  • 0入侵成本接入,不改造代码的情况下直接接入;[hello-concent](https://stackblitz.com/edit/cc-course-hello-concent-simple)
  • 贴心的模块配置,除了`state`,还提供`reducer`、`computed`、`watch`和`init`四项可选定义。
  • 灵活的数据消费粒度,支持跨多个模块场景,以及模块内stateKey级别的细粒度控制。
  • 渐进式构建react应用,除了`setState`,支持`dispatch`、`invoke`调用来让ui视图与业务逻辑彻底解耦。[从class到function](https://stackblitz.com/edit/cc-multi-ways-to-wirte-code)
  • 组件能力增强,支持实例级别`computed`、`watch`定义,支持`emit&on`,以及支持`setup`特性,让函数组件拥有定义静态api的能力。
  • 高度一致的编程体验,`hoc`、`render props`和`hook`3种方式定义的组件均享有一致的api调用体验,相互切换代价为0。[多种方式定义组件](https://stackblitz.com/edit/cc-4-render-mode)
  • 渲染性能出众,内置`renderKey`、`lazyDispatch`、`delayBroadcast`等特性,保证极速的渲染效率。[长列表精准渲染](https://stackblitz.com/edit/concent-render-key?file=BookItem.js)、[批处理状态提交](https://stackblitz.com/edit/concent-lazy-dispatch?file=runConcent.js)、[高频输入场景状态延迟分发](https://stackblitz.com/edit/concent-delay-broadcast)
  • dom层级干净,对于class组件,默认采用反向继承策略,让react dom树的层级结构保持简洁与干净。
  • 扩展中间件与插件,允许用户定义中间件拦截所有的数据变更提交记录,做额外处理,也可以自定义插件,接收运行时的发出的各种信号,按需增强concent自身的能力。
  • 去中心化配置模块,除了`run`接口一次性配置模块,还提供`configure`接口在任意地方动态配置模块。
    模块克隆,支持对已定义模块进行克隆,满足你高维度抽象的需要。

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表于大前端专区
09/19 19:25

[Concent速成] (1) 定义和共享模块状态

开源不易,感谢你的支持,❤ star concent^_^ 序言 **[Concent速成]**是一个帮助新手极速入门concent的系列文章,0障碍地学习和理解concent状态管理思路。 虽然学习和使用过redux和mbox之类的状态管理库,阅读此篇...

0
0
发表于大前端专区
04/09 08:45

redux、mobx、concent 状态管理方案对比

授权原创:幻魂,来自掘金。如需查看文中 Demo,点击阅读原文。 序言 redux、mobx本身是一个独立的状态管理框架,各自有自己的抽象api,以其他UI框架无关(react, vue...),本文主要说的和react搭配使用的对比效...

0
0
发表于大前端专区
06/14 07:30

【Web技术】624- redux、mobx、concent 状态管理方案对比

授权原创:幻魂,来自掘金。如需查看文中 Demo,点击阅读原文。 序言 redux、mobx本身是一个独立的状态管理框架,各自有自己的抽象api,以其他UI框架无关(react, vue...),本文主要说的和react搭配使用的对比效...

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

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

开源不易,感谢你的支持,❤ star me if you like concent ^_^ 序言 之前发表了一篇文章 redux、mobx、concent特性大比拼, 看后生如何对局前辈,吸引了不少感兴趣的小伙伴入群开始了解和使用 concent,并获得了很...

0
0
发表于大前端专区
2019/09/06 13:12

使用concent,感受一次渐进式创建react应用的魅力吧

传统的redux项目里,我们写在reducer里的状态一定是要打通到store的,我们一开始就要规划好state、reducer等定义,有没有什么方法,既能够快速享受ui与逻辑分离的福利,又不需要照本宣科的从条条框框开始呢?本文...

0
0
发表于大前端专区
04/09 13:47

redux、mobx、concent特性大比拼, 看后生如何对局前辈

❤ star me if you like concent ^_^ 序言 redux、mobx本身是一个独立的状态管理框架,各自有自己的抽象api,以其他UI框架无关(react, vue...),本文主要说的和react搭配使用的对比效果,所以下文里提到的redux...

0
0
发表了博客
2018/08/06 22:05

【css】用css巧妙实现移动端横向滑动展示功能

前言:记得以前处理移动端横向滑动展示都是去用js去解决的,要用js进行蛮多处理,要算li的宽度,然后还要用js设置ul盒子的宽度,又要设置最大滑动距离,最小滑动距离等等.......但是现在发现用css就能很好的解决这功能 一、直接上代码。 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta htt...

0
0
发表了博客
2018/11/15 18:10

用css巧妙实现移动端横向滑动展示功能

前言:记得以前处理移动端横向滑动展示都是去用js去解决的,要用js进行蛮多处理,要算li的宽度,然后还要用js设置ul盒子的宽度,又要设置最大滑动距离,最小滑动距离等等.......但是现在发现用css就能很好的解决这功能。 一、直接上代码。 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta h...

0
0
发表了博客
04/11 18:06

ZooTeam 前端周刊|第 77 期

ZooTeam 前端周刊|第 77 期 浏览更多往期小报,请访问: weekly.zoo.team JSONPath · alibaba/fastjson Wiki JSONPath 了解... (1) 【图文并茂,点赞收藏哦!】重学巩固你的Vuejs知识体系 - 掘金 前沿 置身世外只为暗中观察!!!Hello大家好,我是魔王哪吒!重学巩固你的Vuejs知识体系,如果有哪些知识点遗漏,还望在...

0
0
发表了博客
2018/09/11 19:38

html与css常见个别单词

Html单词 Doctype 文档 html 网页 head 头 body主体 paragraph 段落 title 题目 Css单词 color 颜色 style 样式 background 背景 position 位置 relation 相对的 absolute 绝对的 font style 字体样式 font family 字形 font weight 字体粗细 font 字体 background position 背景位置 background size 背景大小 backgrou...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
3 收藏
分享
返回顶部
顶部