分类:React干货

react为什么需要手动绑定方法?

react为什么需要手动绑定方法?
我们从javascript开始吧在js中,函数的上下文是指函数调用的时候,而不是定义的时候。有以下四中调用函数的模式:函数调用模式方法调用模式构造函数调用模式应用调用模式所有这些...

2周前 (2017-08-05) 11℃ 暂无评论 6

react之CSS动画效果

react之CSS动画效果
TransitionGroup和CSSTransitionGroup已移动到react-transition-group有社区维护。它的1.x分支与现有插件的API是完全兼容的。TransitionGroup是一个具有低级API的动画组件,...

3周前 (2017-07-31) 23℃ 暂无评论 7

React获取父组件或子组件属性

React获取父组件或子组件属性
获取子组件的方法可以通过递归this.props.children中得到获取父组件的方法方法一:可以通过react内部私有函数this.reactInternalInstance.currentElement.owner.instance获取...

4周前 (2017-07-26) 14℃ 暂无评论 4

怎样自己动手写一个react组件库

怎样自己动手写一个react组件库
引言该系列文章将通过创建一个组件库来引导你学习如何构建自己的组件库。这是该系列的第一部分。该部分将主要关注配置我们的模块和文件结构,但我们最后将会创建一个示例组件...

1个月前 (2017-07-14) 65℃ 暂无评论 5

使用React.js开发chrome插件

使用React.js开发chrome插件
一、背景相信看到这篇文章的人应该都用过Chrome插件吧,最近刚好有个这方面的需求,我就把Chrome插件的相关知识学习了一下,发现其实Chrome插件的开发和大前端Web开发的底子是一...

2个月前 (2017-06-24) 68℃ 暂无评论 6

Redux 优化的一些思考

Redux 优化的一些思考
Redux 的书写分离从 Redux 官方示例开始,我们就采用了 actions 和 reducers 分开文件夹来维护的思路。但是在实际业务中,大部分场景下一个 action 触发的 reducer 是在一个子...

2个月前 (2017-06-17) 50℃ 暂无评论 8

React应用在产品环境下的性能优化

React应用在产品环境下的性能优化
只有10%~20%的最终用户响应时间花在了下载HTML文档上,其余的80%~90%时间花在了下载页面中的 所有组件 上。 - 性能黄金法则,Steve SoudersSteve Souders在2007年提出这样的“...

2个月前 (2017-06-05) 82℃ 暂无评论 11

React单文件的编写方式

React单文件的编写方式
single-react-loader通过该插件,你可以使用单文件形式编写react组件(将jsx与style组合在一起)特性将jsx和css组合在一个文件内支持less,sass支持style样式的私有化例子//about.r...

3个月前 (2017-04-27) 54℃ 暂无评论 8

React多语言解决方案

React多语言解决方案
由于框架使用的是 React , 多语言方案也选择了生态系统下的 react-intl 模块,它是雅虎 FormatJS 计划的一部分。翻译字符串替换使用 react-intl 替换字符串用以翻译很方便。只...

4个月前 (2017-04-21) 102℃ 暂无评论 15