作者：caorich 首先看ReactCSSTransitionGroup的使用方法，详细的看这里。 ​ 使用配置如下： ​ <ReactCSSTransitionGroup transitionName={{ enter:'itemEnter', leave:'itemLeave', appear

作者：朱灵子 React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。 创造 React 是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序。 本文初探react的顶层事件代理机制~ ​ 顶级事件代理机制 ​ React采用的是顶层的事件

作者：朱灵子 本文举一个简单的例子介绍如何进行react native实战开发，主要从以下几个方面来进行介绍： 如何在mac IOS下进行react native环境配置 写一个简单的例子，分析react native布局与web布局的不同点 如何在Xcode上进行编译以及在IOS真机上运行 首屏加

作者：何方舟 在介绍组件化方案之前，先对 react 和 redux 做一个简单介绍。 Why React 理想中的组件化，第一步应该就是组件的标签化， 例如有一个 Header 组件，如下图所示 无需关注组件内部的实现，我们只需要使用一个 标签就能调用它，通过设置属性的方式，来控制它的显示的内容，

作者：yangchunwen ​ 导语：React比较吸引我的地方在于其客户端-服务端同构特性，服务端-客户端可复用组件，本文来简单介绍下这一架构思想。 出于篇幅原因，本文不会介绍React基础，所以，如果你还不清楚React的state/props/生存周期等基本概念，建议先学习相关文档 客户端R

作者：王少飞 先看下官网的一个demo。 定时更新当前元素， ​ 拿这个例子分析下setState的实现原理： ​ 首先是reactComponent的setState方法， ​ ​ 将新的状态放到队列中 ， ​ ​ 新的状态是立即更新还是后面render更新（这个例子是在batchedUpdate

作者：王少飞 React diff 作为 Virtual DOM 的加速器，其算法上的改进优化是 React 整个界面渲染的基础，以及性能提高的保障，同时也是 React 源码中最神秘、最不可思议的部分，本文将剖析 React diff 的不可思议之处。 React 中最值得称道的部分莫过于 Vir

作者：vienwu react 是 facebook 推出一个用来构建用户界面的js库。官方介绍的三大特性如下： just the ui 把react只当作一个ui组件就好，等同于传统mvc中的view。 virtual dom react在编程模型和传统dom之间添加了一层，称之为虚拟dom。好处

作者：TAT.郭林烁 原文地址 直出是什么？到底是怎样的性能优化？本文将结合从在浏览器输入url，到展示最终页面的过程来对其进行一步步分析，并将在手Q web 中的实际应用实践进行总结。 模式 1 - 前后分离 从用户输入 url　到展示最终页面的过程，这种模式可简单的分为以下 5 部分： 用户输入

作者：ivweb biliou download 我们可以在这里下载到最新的 beta 版react 下载链接 React 内核改变 --fiber 什么是react-fiber ? increase its suitability for areas like animation, layout,

**作者：**calvin 腾讯 QQ音乐 数字音乐部 工程师 最近在项目中接入了 ReactJS 并在服务端做了同构直出。关于 ReactJS 服务端同构业界已经有不少分享，这篇文章会主要注重实践的内容，把实现细节和遇到的问题整理后进行一些分享。 首先我们来看一下同构（isomorphic）是什么

​ 首先，我们来看看 React 在世界范围的热度趋势，下图是关键词“房价”和 “React” 在 Google Trends 上的搜索量对比，蓝色的是 React，红色的是房价，很明显，人类对 React 的关注程度已经远远超过了对房价的关注。 从这些数据中，大家能看出什么？ 可以很明显的看出，我

引言 最近一个季度，我们都在为手Q家校群做重构优化，将原有那套问题不断的框架换掉。经过一些斟酌，决定使用react 进行重构。 选择react，其实也主要是因为它具有下面的三大特性。 React的特性 1.Learn once, write anywhere 学习React的好处就是，学了一遍之后，

| 导语 最近特别火的狼人杀和最近特别火的React Native会擦出什么样的火花呢？本文和您一同探讨RN性能优化的现实场景。 项目简介： 狼人杀游戏是多人实时性游戏，对流畅度等性能都有要求。作为大型游戏，无论从代码规模和迭代速度来看，手Q的安装包和版本迭代速度都无法用native来承载这样的游戏

| 导语 Pluto 是 iOS 上的一个排版渲染引擎，通过 JSON/JS 文件可以很方便地描述界面元素，开发效率很高，并且在流畅度，内存等方便有保证 Qzone Feed 业务复杂，样式很多。每次新增一种 Feed 样式，开发工作量很大，需要跟版本。样式之间耦合严重，每改一种样式，另一种样式可能