导语 《信息简史》中说“进化本身是生物体与环境之间持续不断的信息交换的具体表现”，前端技术的进化也是如此。浩瀚的前端宇宙中，又出现过哪些耀眼的星辰呢？指引前端未来的“北极星”又在何方？腾讯云高级工程师与你畅谈前端的变革史与新时代的希冀。 周俊鹏 腾讯高级前端工程师 《前端工程化：体系设计与实践》作者

状态管理是一个前端界老生常谈的话题了，所有前端框架的发展历程中都离不开状态管理的迭代与更替，对于react来说呢，整个状态管理的发展也随着react架构的变更和新特性的加入而不停的做调整，作为一个一起伴随react成长了快5年的开发者，经历过reflux、redux、mobx，以及其他redux衍生

传统的redux项目里，我们写在reducer里的状态一定是要打通到store的，我们一开始就要规划好state、reducer等定义，有没有什么方法，既能够快速享受ui与逻辑分离的福利，又不需要照本宣科的从条条框框开始呢？本文从普通的react写法开始，当你一个收到一个需求后，脑海里有了组件大致的

经过腾讯 Omi 团队的努力，今天你可以在小程序中使用 Cax 引擎高性能渲染 SVG！ SVG 是可缩放矢量图形(Scalable Vector Graphics)，基于可扩展标记语言，用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。SVG 的优势有很多: SVG 使用 X

Omi Preact + Scoped CSS + Store System + Native Support in 3kb javascript. Omi 基于 preact 二次开发，把 preact 的 dom 模块更加抽象了针对浏览器和向 native 发指令。相对于 react，preac

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

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

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

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

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

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

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

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

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

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