itly - 博客园

2016年11月2日

摘要： seajs的使用 seajs是一个jS模块加载器,由淘宝前端架构师玉伯开发,它可以解决命名空间污染,文件依赖的问题.可以在一个js文件中引入另外一个js.require('a.js') 1.安装 npm install --save seajs 2.API 2.1 require 在一个模块中引入其它模块 var addSub = require('./addSub'); ... 阅读全文

posted @ 2016-11-02 20:48 itly 阅读(476) 评论(0) 推荐(0) 编辑

sea.js模块加载工具

posted @ 2016-11-02 20:47 itly 阅读(288) 评论(0) 推荐(0) 编辑

2016年11月1日

Airbnb React/JSX 编码规范

摘要： Airbnb React/JSX 编码规范算是最合理的React/JSX编码规范之一了内容目录基本规范Class vs React.createClass vs stateless命名声明模块代码对齐单引号还是双引号空格属性Refs引用括号标签函数/方法模块生命周期isMountedBasic Rules 基本规范每个文件只写一个模块.但是多个无状态模块可以放在单个文件中. eslint: rea... 阅读全文

posted @ 2016-11-01 19:06 itly 阅读(757) 评论(0) 推荐(0) 编辑

4.2 react patterns(转)

摘要：修改 Props Immutable data representation 确定性在 getInitialState 中使用 props 私有状态和全局事件 render 包含 side effects jQuery 修改 DOM 使用无状态组件内存管理 componentWillUnmoun 阅读全文

posted @ 2016-11-01 19:04 itly 阅读(209) 评论(0) 推荐(0) 编辑

4.1 react 代码规范

摘要：关于基础规范组件结构命名规范jsx 书写规范eslint-plugin-react关于在代码的设计上，每个团队可能都有一定的代码规范和模式，好的代码规范能够提高代码的可读性便于协作沟通，好的模式能够上层设计上避免不必要的 bug 出现。本节会参考社区提供一些 React 的规范和优秀的设计模式。基础规范统一全部采用 Es6组件文件名称采用大驼峰命名组件结构总体规则： stateless(Funct... 阅读全文

posted @ 2016-11-01 19:01 itly 阅读(259) 评论(0) 推荐(0) 编辑

3.5 compose redux sages

摘要：基于 redux-thunk 的实现特性，可以做到基于 promise 和递归的组合编排，而 redux-saga 提供了更容易的更高级的组合编排方式（当然这一切要归功于 Generator 特性），这一节的主要内容为：基于 take Effect 实现更自由的任务编排fork 和 cancel 实现非阻塞任务Parallel 和 Race 任务saga 组合 yield* sagachannel... 阅读全文

posted @ 2016-11-01 19:00 itly 阅读(392) 评论(0) 推荐(0) 编辑

3.4 redux 异步

摘要：在大多数的前端业务场景中，需要和后端产生异步交互，在本节中，将详细讲解 redux 中的异步方案以及一些异步第三方组件，内容有：redux 异步流redux-thunkredux-promiseredux-saga3.4.1 redux 异步流前面讲的 redux 中的数据流都是同步的，流程如下：view -> actionCreator -> action -> reducer -> newSt... 阅读全文

posted @ 2016-11-01 18:59 itly 阅读(717) 评论(0) 推荐(0) 编辑

3.3 理解 Redux 中间件(转)

摘要：这一小节会讲解 redux 中间件的原理，为下一节讲解 redux 异步 action 做铺垫，主要内容为： Redux 中间件是什么使用 Redux 中间件 logger 中间件结构分析 applyMiddleware 中间件的执行过程 Redux 中间件是什么使用 Redux 中间件 log 阅读全文

posted @ 2016-11-01 18:59 itly 阅读(607) 评论(0) 推荐(0) 编辑

3.1 开始使用 redux

摘要：前面我们介绍了 flux 架构以及其开源实现 redux，在这一节中，我们将完整的介绍 redux:redux 介绍redux 是什么redux 概念redux 三原则redux Storesredux Actionredux Reducersredux 数据流动3.1.1 redux 介绍redux 是什么Redux is a predictable state container for Ja... 阅读全文

posted @ 2016-11-01 18:58 itly 阅读(280) 评论(0) 推荐(0) 编辑

3.2 Redux TodoApp

摘要：上一节讲完了 redux 中的概念，但是仍然没有和 react 联系起来，这一节将利用 redux 在 react 中实现完整的 todolist：在 react 使用 redux通过 Provider 连接 react 和 redux store创建 action creators创建 reducer创建 Container Component床架 Dummy Component3.2.1 在 ... 阅读全文

posted @ 2016-11-01 18:58 itly 阅读(281) 评论(0) 推荐(0) 编辑