SF
rainie
rainie
注册登录
关注博客
注册登录
主页
关于
RSS
「bundle-compare-analyzer」 一个简单的比较各个版本 bundle.js 大小的可视化工具.
rainie
2017-05-21
阅读 1 分钟
3.6k
打包文件体积过大,优化bundle文件更是非常重要。webpack有很多成熟的方案来减小打包代码的大小,如split coding, CommonsChunkPlugin, tree shaking等。这里不再详细分析,网上有很多教程。
react服务器渲染下,hot reload解决方案
rainie
2016-11-03
阅读 4 分钟
5.9k
原文链接 前言 hot reload分析 react静态资源热加载分析 react服务器配置分析 待解决 总结 前言 由react客户端渲染的前端界面配合webpack-dev-server, react-hot-loader很容易实现前端开发过程中的局部刷新。然而配合node服务器的react-isomorphic实现局部刷新,同时更新client, server端的代码并非易事。如下介绍一种可...
深入理解react(源码分析)
rainie
2016-10-23
阅读 9 分钟
6.3k
原文链接 理解ReactElement和ReactClass的概念 ReactElement ReactClass react渲染过程 react更新机制 reactdiff算法 react的优点与总结 理解ReactElement和ReactClass的概念 首先让我们理解两个概念: ReactElement 一个描述DOM节点或component实例的字面级对象。它包含一些信息,包括组件类型type和属性props。就像一...
开发移动端react组件datepicker的总结与教训
rainie
2016-09-18
阅读 2 分钟
12.5k
前一阵,应公司的需求,需要一个在移动端运行的react组件datepicker(选择日期)。搜索查找过后,我并没有找到一个既轻量级简洁又满足需求的组件。大部分现成的日期选择器都是相对于pc端开发的。
「react-mobile-datepicker」一个移动端的react日期选择器组件
rainie
2016-09-12
阅读 2 分钟
15.3k
react-mobile-datepicker 一个轻量级的react移动端日期选择器,不依赖于moment.js, 只有不到4k大小。 react-mobile-datepicker可以通过上下滑动来设置年、月、日。 Github Demo ps: demo在模拟的移动端可上下滑动触发touch事件。这里先把它分享给大家,欢迎 star ,欢迎试用! 开始使用 使用 npm: {代码...} 导入你想要...
「react-rainie-router」轻量的mobile移动端 react 路由,只有 2k!
rainie
2016-09-07
阅读 1 分钟
4.9k
官方的 react-router 打包后有 100 多 k,移动端上相当影响首屏速度,这里有一个功能相当的 react 路由,只要 2k !!!