最近有朋友遇到了,就说一下。 当他创建完一个react项目启动时,报了一个react中的某某和webpack版本号冲突的问题,大概意思是webpack版本号冲突,需要的是xxx版本但是更高的版本已经被安装,这不是crea…
分类:react.js
庖丁解牛React-Redux(二): connect
connect API 上篇文章庖丁解牛React-Redux(一): connectAdvanced介绍了react-redux的Provider、connectAdvanced几个重要API的原理,其中conne…
React-实现上拉加载更多
1. 写在前面 我最开始纠结当用户滑动时onTouchMove事件会不停的执行去调接口,于是我侥幸的想只用onTouchEnd事件去判 断用户是否滑到最底部,但是这种方法应用到项目中才发现点击的时候也会触发onTouch…
React 的 PureComponent Vs Component
一.它们几乎完全相同,但是PureComponent通过prop和state的浅比较来实现shouldComponentUpdate,某些情况下可以用PureComponent提升性能 1.所谓浅比较(shallowEq…
React手稿之 React-Saga
Redux-Saga redux-saga 是一个用于管理应用程序副作用(例如异步获取数据,访问浏览器缓存等)的javascript库,它的目标是让副作用管理更容易,执行更高效,测试更简单,处理故障更容易。 redux-…
使用shouldComponentUpdate进行性能优化
众所周知,react中props,state值的变化,会导致组件重新渲染。使用shouldComponentUpdate就是为了减少render不必要的渲染。 本文着重回答以下问题: 1:如何使用使用shouldComp…
react用子组件(有RouteComponentProps)报错:'match' is missing in type ''
因为子组件有RouteComponentProps,所以在父组件中引用需要传相应的属性。但考虑到如果层级较深的话一层一层传就很麻烦。而如果我们用route组件引用的话就会很简单,只需要在需要子组件的地方用route的re…
preact源码解读(1)
前言 和上次说的一样这次带来preact的解读 preact实际上把它当作是一个精简版react就好了。 这次我抄下了preact,并且改写了代码, 命名为zreact 把之前将事件,props之类的单独放出来,这样这份…
[笔记]React+Cordova踩坑
之前做过一点前端的小项目所以前端还算熟练因为最近在准备GRE所以想能不能写一个背单词软件正好这学期有个Android开发课,就用来当大作业了 前端: webpack+react+redux后端: sinatra+grap…
【React系列】元素、组件与属性
元素(Elements) 元素(Elements)是React应用中最小的构建部件,用于描述能够在屏幕上看到的内容,如: const element = <h1> Hello World ! </h1&…
【React系列】Props 验证
Props 验证使用 propTypes,它可以保证我们的应用组件被正确使用,React.PropTypes 提供很多验证器 (validator) 来验证传入数据是否有效。当向 props 传入无效数据时,JavaSc…
聊聊React Router中的History
在学习React Router时,看到有关History有如下描述: React Router 是建立在 history 之上的。 简而言之,一个 history 知道如何去监听浏览器地址栏的变化, 并解析这个 URL …