话题
文章列表
caorich React
[http://7tszky.com1.z0.glb.clouddn.com/Fl3OX8zyBhCu3pT-VUBT0XKibgzk] REACT的状态管理 说到react的状态管理工具,大家都会想到redux或者mobx。 redux || mobx // => true REDUX redux出现较早,包括我们项目组在内,redux几乎已经成了react工程的标配。 redux带来的事件分发机制,将复杂的操作分发到各个reducer,有一种大事化小的睿智,确实将复杂的数据更改逻辑解耦得足够简单。包括我leader在内的很多同学都觉得redux的事件分发机制对于现代前端工程是再适合不过的了。 重绘 但redux的缺点也是足够明显的。每一次dispatch事件之后都会导致整个虚拟dom至顶向下的重绘。重绘剪枝需要在 shouldComponentUpdate 中完成,如果事件足够复杂, store足够大, shouldComponentUpdate 方法的剪枝粒度就不那么容易控制了(实际情况下, shouldComponentUpdate 基本和 TODO 一样不可保证)。 ...显示全部
3 个月前发表 1524次浏览 0条评论 0次收藏
caorich React
介绍 第一印象 首先上一段代码: import {observable, observe} from'mobx' var student = observable({ name: 'unknown' }) observe(student, (change)=>{ console.info(change) /* will print: * { type: 'update', * object: { name: [Getter/Setter] }, * oldValue: 'unknown', * name: 'name', * newValue: 'foo' } */ }) student.name = 'foo' 非常直观的,student的属性改变了,监听的方法打印出了所有的变动细节。 简介 mobx是一个状态管理器,用于TFRP(transparently applying functional reactive programming)自发式函数相应式编程。 ...显示全部
4 个月前发表 1640次浏览 0条评论 0次收藏
biliou React
DOWNLOAD 我们可以在这里下载到最新的 beta 版react 下载链接 [https://github.com/facebook/react/releases/tag/16.0.0-beta.5] REACT 内核改变 --FIBER 什么是react-fiber ? increase its suitability for areas like animation, layout, and gestures. Its headline feature is incremental rendering: the ability to split rendering work into chunks and spread it out over multiple frames. react-fiber 是为了增强动画、布局、移动端手势领域的适用性,最重要的特性是对页面渲染的优化: 允许将渲染方面的工作拆分为多段进行 其中fiber 英文意思是纤维,众所周知,Js 是单线程的,当Js 在执行一段代码功能的过程中会对其他的代码进行堵塞 ...显示全部
8 个月前发表 666次浏览 0条评论 0次收藏
caorich React
首先看ReactCSSTransitionGroup的使用方法,详细的看 这里 [https://facebook.github.io/react/docs/animation.html] 。 使用配置如下: <ReactCSSTransitionGroup transitionName={{ enter:'itemEnter', leave:'itemLeave', appear:'itemAppear', enterActive:'itemEnterActive', leaveActive:'itemLeaveActive', appearActive:'itemAppearActive' }} transitionAppear={true} transitionAppearTimeout={500} transitionEnterTimeout={200} transitionLeaveTimeout={200}> {items} ...显示全部
1 年前发表 1719次浏览 0条评论 0次收藏
kurtshen React
译自 react-js-presentational-container-components [http://krasimirtsonev.com/blog/article/react-js-presentational-container-components] ,by Krasimir Tsonev. 当我们开始使用React时,我们很快会开始遇到疑惑。在哪里放置数据,组件间变化如何通信或如何管理状态?问题的答案往往是与场景相关,也有时候只是跟平常使用react库来做的练习与实验有关。 然而,有一种广泛使用并有助于组织基于React的应用模式 —— 将组件拆分为展示(presentational)组件和(container)容器组件。 本文是 React模式 [https://github.com/krasimir/react-in-patterns] 系列的一部分。检出这个仓库来了解在使用React开发应用时使用的更多技术。 ...显示全部
1 年前发表 1236次浏览 0条评论 0次收藏