Taro 技术揭秘之taro-cli

2018-06-21
阅读 10 分钟
25.3k
使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、App 端等)运行的代码。实现 一次编写,多端运行。 关于 Taro 的更多详细的信息可以看官方的介绍文章 Taro - 多端开发框架 ,或者直接前往 GitHub 仓库 NervJS/taro 查看 Taro 文档及相关资料。

使用immutable优化React

2017-08-01
阅读 6 分钟
23.2k
React在减少重复渲染方面确实是有一套独特的处理办法,那就是虚拟DOM,但显然在首次渲染的时候React绝无可能超越原生的速度,或者一定能将其它的框架比下去。尤其是在优化前的React,每次数据变动都会执行render,大大影响了性能,特别是在移动端。

CSS Modules实践

2017-07-22
阅读 3 分钟
16.9k
随着前端这几年的风生水起,CSS作为前端的三剑客之一,各种技术方案也是层出不穷。从CSS prepocessor(SASS、LESS、Stylus)到后来的后起之秀 PostCSS,再到 CSS Modules、Styled-Component 等。有人维护了一份完整的 CSS in JS 技术方案的对比,里面已经有将近50种技术方案。CSS Modules就是其中一种。

React 组件渲染性能探索

2017-07-07
阅读 5 分钟
7.6k
React 因为性能好而被广为周知,但这并不意味着我们能够把这个当作是理所当然。让你的React应用更快的关键Tips之一就是优化你的 render 函数.

从redux-thunk到redux-saga实践

2017-06-26
阅读 11 分钟
21.4k
文章同步于Github Pines-Cheng/blog 简介 本质都是为了解决异步action的问题 Redux Saga可以理解为一个和系统交互的常驻进程,其中,Saga可简单定义如下: {代码...} saga特点: saga的应用场景是复杂异步,如长时事务LLT(long live transcation)等业务场景。 方便测试,可以使用takeEvery打印logger。 提供takeLatest/t...

Airbnb React/JSX 编码规范

2017-03-09
阅读 9 分钟
8.5k
来自于Airbnb React/JSX 中文编码规范 Airbnb React/JSX 编码规范 算是最合理的React/JSX编码规范之一了 Basic Rules 基本规范 每个文件只写一个模块. 但是多个无状态模块可以放在单个文件中. eslint: react/no-multi-comp. 推荐使用JSX语法. 不要使用 React.createElement,除非从一个非JSX的文件中初始化你的app. 创建...

React性能优化总结

2016-12-15
阅读 7 分钟
40.3k
初学者对React可能满怀期待,觉得React可能完爆其它一切框架,甚至不切实际地认为React可能连原生的渲染都能完爆——对框架的狂热确实会出现这样的不切实际的期待。让我们来看看React的官方是怎么说的。React官方文档在Advanced Performanec这一节,这样写道:

React动画的几种实现方式

2016-11-05
阅读 3 分钟
26.9k
俗话说得好,饱暖思淫欲。使用React开发已经有一段时间了,在度过了初期的学习阶段和繁重的业务开发之后,总得来点更高级的东西。说到更高级的东西,无非就是体验优化、性能优化、代码质量、开发发布流程或运维监控等等,仅此而已。