分类:React干货

使用React+webpack创建一个简单的项目

使用React+webpack创建一个简单的项目
1 安装wenpack$ npm install webpack -g    // 当然前提你要安装node2 安装webpack-server(webpack的服务器,不用请忽略)$ npm install webpack-dev-g3 安装react react-dom...

4个月前 (2017-04-18) 156℃ 暂无评论 19

React处理项目中的CSS样式

React处理项目中的CSS样式
css加载style-loader一般性配置:js file:import './message.css';webpack: module: { loaders: [ { test: /\.(scss|css)$/, load...

5个月前 (2017-03-19) 165℃ 暂无评论 10

react+redux渲染性能优化原理

react+redux渲染性能优化原理
大家都知道,react的一个痛点就是非父子关系的组件之间的通信,其官方文档对此也并不避讳:For communication between two components that don’t have a parent-child relation...

5个月前 (2017-03-05) 84℃ 暂无评论 17

使用mobx开发高性能react应用

使用mobx开发高性能react应用
1.mobx的基本用法作为一个数据层框架,mobx基于一个最简单的原则:当应用状态更新时,所有依赖于这些应用状态的监听者(包括UI、服务端数据同步函数等),都应该自动得到细粒度地更新。...

6个月前 (2017-02-20) 447℃ 暂无评论 8

React开发中的HOC与Provider模式

React开发中的HOC与Provider模式
Provider模式许多的React库都需要在所有的组件树中传递数据。比如说,Redux需要传递他的store,而React Router需要传递当前的地址。一个看似可行的方案时使用共享的可变状态,但...

6个月前 (2017-02-16) 82℃ 暂无评论 10

React组件单元测试

React组件单元测试
React组件单元测试React官网推荐使用jest + React.addons.TestUtils进行单元测试。jest是单元测试的框架,React.addons.TestUtils是针对React相关的方法,二者结合在一起可以方...

6个月前 (2017-02-11) 99℃ 暂无评论 9

使用React-router开发单页应用

使用React-router开发单页应用
什么是路由以下来自维基百科路由(routing)就是通过互联的网络把信息从源地址传输到目的地址的活动。路由发生在 OSI 网络参考模型中的第三层即网路层。 路由引导分组转送,经过...

6个月前 (2017-02-10) 102℃ 暂无评论 9

Reflux应用架构学习分析

Reflux应用架构学习分析
在上篇中写了对flux的分析,这次来说说reflux吧。reflux是对flux的升级扩展,并且去掉了dispatcher这一层,比起使用起flux来,思路更加清晰,是一个标准的pub/sub模式的架构,同时能少...

6个月前 (2017-02-05) 84℃ 暂无评论 8

SVG + react respinner 的诞生

SVG + react respinner 的诞生
计划开始之前很早之前看到过许多诸如 spinkit、 loader.css、 spin.js 一大堆实现 loading 效果的库,思路基本上是用各种 div 定位到一个icon 大小的 grid 内,再对他们进行不...

6个月前 (2017-02-01) 78℃ 暂无评论 11