React系列 React系列 — 简单模拟语法(一)React系列 — Jsx, 合成事件与Refs(二)React系列 — virtualdom diff算法实现分析(三)Reac…
分类:react.js
React map生成元素添加点击事件绑定this
问题 使用.map(function(Item)生成元素添加onClick事件:onClick={this.provinceChange.bind(this, "99")}时,前台访问报错:Uncaught TypeEr…
Sublime Text3 React开发常用插件
主要是针对jsx语法的,用来快速编写组件中的html部分。 安装 command+shift+p -> install package -> 对应的模块名称 Emmet 可以自动扩展react的classNa…
写给自己的React HOC(高阶组件)手册
前言 HOC(高阶组件)是React中的一种组织代码的手段,而不是一个API. 这种设计模式可以复用在React组件中的代码与逻辑,因为一般来讲React组件比较容易复用渲染函数, 也就是主要负责HTML的输出. 高阶组…
ReactJS新闻 #25 F8开发者研习会与React
新闻 F8开发者研习会与React 2017的F8研习会(Facebook开发者研习会)于4/18日开始,本次的开发者研习会中与React相关的主题有两个,分别是VR与GraphQL相关,视频已放在网络上可观看。 Rea…
react-router4笔记
前两天在写react项目的时候发现在路由上面走了很多的弯路。正所谓磨刀不误砍柴工,还是先系统地学习一下吧… 重要API一览 路由容器组件 BrowserRouter: 浏览器自带的API,restful风格(…
Reactjs 列表优化的一些心得。
前言 在应用开发中,列表是我们使用频率非常高的一种展现形式,在reactjs项目中更是如此。无处不在的使用更是需要我们小心触发性能瓶颈的深水炸弹。 下面就我最近的总结出的几点心得分享给大家,有什么问题欢迎批评指正。 不要…
基于react的高度过渡组件
开发中,最麻烦的过渡效果就是高度过渡。因为过渡效果需要设置一个起始状态和结束状态,但是对于web中的元素来说,容器高度大部分是根据内部元素自动撑起来的,这时很难去设置一个稳定的过渡高度。所以我写了一个基于react的组件…
使用RxJS管理React应用状态的实践分享
随着前端应用的复杂度越来越高,如何管理应用的数据已经是一个不可回避的问题。当你面对的是 业务场景复杂、需求变动频繁、各种应用数据互相关联依赖的大型前端应用时,你会如何去管理应用的状态数据呢? 我们认为应用的数据大体上可以…
React的元素、组件、事件、props传递
通过配置webpack-dev-server启动一个webserver,自动编译,自动刷新浏览器的功能,我们开启React基础速过 接上一篇:构建React开发环境 使用webpack-dev-server 按照上篇文章…
React事件摘录
JSX 中以内联(inline)的方式 <button onClick={this.increase}>+</button> 合成事件 SyntheticEvent React 实现了一个“合成事…
【全栈React】第9天: 样式
本文转载自:众成翻译译者:iOSDevLog链接:http://www.zcfy.cc/article/3820原文:https://www.fullstackreact.com/30-days-of-react/day…