随笔分类 -  reactjs

reactnative项目搭建目录结构(配合redux-saga)
摘要:目录架构: /src——actions ——components(纯组件) ——containers ——constants (常量定义:actions、apiurls) ——reducers ——sagas ——store(配置Store) ——service (api目录) ——root.js 阅读全文

posted @ 2017-06-29 09:14 飞哥100 阅读(3623) 评论(0) 推荐(0)

分析redux-saga在redux开发中的使用
摘要:说到中间件redux-saga,肯定会想起其他类似的redux-thunk、redux-promise,后俩者只是为了解决redux过程中异步网络加载问题,但它们并不会监听action,而redux-saga提供了take系列方法:take、takeEvery、takeLatest用来监听dispa 阅读全文

posted @ 2017-06-26 11:22 飞哥100 阅读(1235) 评论(0) 推荐(0)

reactjs脚手架收集
摘要:1) 地址:https://github.com/chvin/Todos_React_Redux_Webpack_Babel 2) redux+react+webpack+热加载+兼容IE8 github 3)reactjs官方脚手架: 4)react-redux-starter-kit Get s 阅读全文

posted @ 2017-06-22 10:14 飞哥100 阅读(373) 评论(0) 推荐(0)

如何在Redux中使用Immutable.js及学习资料整理
摘要:文档: 官方 github 认识Immutable.js immutable.js的用法: 深度浅出immutable.js 笔记, immutable-js 基础操作 - 题叶, JiyinYiyong - SegmentFault React 数据为什么要使用immutable方式?浅复制与深复 阅读全文

posted @ 2017-06-22 09:07 飞哥100 阅读(8017) 评论(0) 推荐(1)

react-redux知识点整理记录
摘要:1、connect的第一个参数mapStateToProps,返回store的分支数据,只要该分支数据变动,那么就会导致connect的这个组件重绘,从而导致视图改变,也就是说,每个组件只监听它所关联的部分 state。 2、connect的第二个参数mapDispatchToProps,如果没有传 阅读全文

posted @ 2017-06-21 09:16 飞哥100 阅读(306) 评论(0) 推荐(0)

react属性说明
摘要:React.PropTypes声明了一系列的数据类型和校验规则: 阅读全文

posted @ 2017-06-20 12:06 飞哥100 阅读(475) 评论(0) 推荐(0)

reactnative环境配置,不安装Android stduio
摘要:常用命令: adb devices:查看已连接设备 android avd:启动安卓自带模拟器 查看端口占用(win7): ① 启动cmd ② 在CMD窗口中输入netstat -aon|findstr 80,80表示要查看的端口号。 ③ 在CMD中继续输入以下命令:tasklist|findstr 阅读全文

posted @ 2017-04-30 20:35 飞哥100 阅读(1643) 评论(1) 推荐(1)

redux怎么自定义一个中间件
摘要:怎么自定义一个中间件呢? 根据 redux 文档,中间件的签名如下: ({ getState, dispatch }) => next => action根据上文的 applyMiddleware 源码,每个中间件接收 getState & dispatch 作为参数,并返回一个函数,该函数会被传入 阅读全文

posted @ 2017-04-18 08:59 飞哥100 阅读(288) 评论(0) 推荐(0)

webpack-dev-server使用说明
摘要:1、webpack-dev-server默认会以当前目录为基本目录,除非你制定它. 上述命令是在命令行中执行的,它将build目录作为根目录. 2、webpack-dev-server生成的包并没有放在你的真实目录中,而是放在了内存中. 3、webpack-dev-server支持两种模式来自动刷新 阅读全文

posted @ 2017-04-06 14:14 飞哥100 阅读(3180) 评论(0) 推荐(0)

用webpack搭建react开发环境
摘要:安装插件: 配置webpack.config.js: 法1、单独配置babelrc文件 新建无文件名文件:babelrc备注:如何新建无文件名文件方法:(新建deal.bat,记事本写入 @ren "%~f1" .* ,保存后,把任意文件拖到deal.bat上可以去掉文件名而只保留后缀。) 法2、 阅读全文

posted @ 2017-04-05 10:17 飞哥100 阅读(230) 评论(0) 推荐(0)

React+ES6+Webpack环境配置
摘要:转自http://www.cnblogs.com/chenziyu-blog/p/5675086.html 参考http://www.tuicool.com/articles/BrAVv2y React已成为前端当下最热门的前端框架之一 , 其虚拟DOM和组件化开发让前端开发更富灵活性,而Webpa 阅读全文

posted @ 2017-04-01 13:42 飞哥100 阅读(13062) 评论(0) 推荐(0)

es6编写reactjs事件处理函数绑定this三种方式
摘要:第一种:官方推荐的: 第二种:比较方便 第三种:箭头函数 阅读全文

posted @ 2017-03-31 09:13 飞哥100 阅读(2539) 评论(0) 推荐(0)

webpack快速掌握教程
摘要:转载http://yijiebuyi.com/blog/46fb97b11fb8f4055e0b04d1cecb1f69.html #为什么用webpack 如果我们 前端 javascript 能像 node.js 一样 require 去引用一个依赖包,那么前端的世界就不会像现在这么乱 现在为什 阅读全文

posted @ 2017-03-26 10:55 飞哥100 阅读(2160) 评论(0) 推荐(0)

reactjs基本知识点记录
摘要:reactjs: render方法后面,}后面,不要加分号,加逗号,因为是对属性赋值,否则报错: var Test = React.createClass({ render:function(){return (<div></div>);}, getInitialState:function(){} 阅读全文

posted @ 2017-03-22 14:06 飞哥100 阅读(186) 评论(0) 推荐(0)

webpack点滴记录
摘要:有了webpack。。(不借助gulp/grunt)代码压缩 图片base64,解析less/sass coffee css压缩,MD5加密都帮你做了。。还支持按需加载。。还有热替换 webpack常用命令: 构建命令,webpack的常用参数 $ webpack --config webpack. 阅读全文

posted @ 2017-03-21 08:47 飞哥100 阅读(168) 评论(0) 推荐(0)

导航