react tricks 编辑中。。。 React 自身提供的 API 并不多，但总有一些比较 trick 的 API 和点是平时可能忽略的，本节将列举一下相关的点。 setState setState function param setState 延迟 ref ref as function 区分 DOM node 和 React node 利用 ref 实现父组件到子组件的通信 children top api reactChildren childre...

书籍完整目录 4.2 react patterns 修改 Props Immutable data representation 确定性 在 getInitialState 中使用 props 私有状态和全局事件 render 包含 side effects jQuery 修改 DOM 使用无状态组件 内存管理 componentWillUnmount 取消订阅事件 判断 isMounted 上层设计 使用 container component 使用 Composition ...

书籍完整目录 4.1 react 代码规范 关于 基础规范 组件结构 命名规范 jsx 书写规范 eslint-plugin-react 关于 在代码的设计上，每个团队可能都有一定的代码规范和模式，好的代码规范能够提高代码的可读性便于协作沟通，好的模式能够上层设计上避免不必要的 bug 出现。本节会参考社区提供一些 React 的规范和优秀的设计模...

基于 redux-thunk 的实现特性，可以做到基于 promise 和递归的组合编排，而 redux-saga 提供了更容易的更高级的组合编排方式（当然这一切要归功于 Generator 特性），这一节的主要内容为：

书籍完整目录 3.4 redux 异步 在大多数的前端业务场景中，需要和后端产生异步交互，在本节中，将详细讲解 redux 中的异步方案以及一些异步第三方组件，内容有： redux 异步流 redux-thunk redux-promise redux-saga 3.4.1 redux 异步流 前面讲的 redux 中的数据流都是同步的，流程如下： view -> actionCreator ->...

书籍完整目录 3.3 理解 Redux 中间件 这一小节会讲解 redux 中间件的原理，为下一节讲解 redux 异步 action 做铺垫，主要内容为： Redux 中间件是什么 使用 Redux 中间件 logger 中间件结构分析 applyMiddleware 中间件的执行过程 3.3.1 Redux 中间件是什么 Redux moddleware provides a third-party extension point be...

上一节讲完了 redux 中的概念，但是仍然没有和 react 联系起来，这一节将利用 redux 在 react 中实现完整的 todolist：

Thread中的run方法调用的是Runnable接口的run方法。Thread和Runnable都实现了run方法，这种操作模式其实就是代理模式。

由于单线程而导致的ANR错误： ANR错误（Application Not Responding），指主UI进程被阻塞超过5秒钟而出现的错误，它会终止程序的正常运行，我们要避免它 ，而产生ANR错误的原因就是：单线程。

Fragment代表了 Activity的子模块，因此可以把Fragment理解成Activity片段。Fragment用于自己的生命周期，也可以接受它自己的输入事件。

对比android 和 IOS的很大不同点是， iOS的应用是沙箱，android的应用却可以相互调用。 而Intent主要解决的问题就是解决android 应用组件之间的通讯问题。 Intent 也可以理解为对将要执行的操作的抽象描述。

安卓运行的时候会为每一个应用创建一个Application 类的对象，单例，每一个Application在一个单独的进程中运行。app 会存储系统相关的信息。

最近受女票大人之邀要做一个 android app，：- (， 鉴于已经很久没碰过 android ，加上以前写过系列的 android 学习笔记，这里总结下来，权当复习回顾，如果能帮助刚开始学 android 的童鞋就太好了，有误的地方砖家们快给我头上拍一下

书籍完整目录 3.1 开始使用 redux 前面我们介绍了 flux 架构以及其开源实现 redux，在这一节中，我们将完整的介绍 redux: redux 介绍 redux 是什么 redux 概念 redux 三原则 redux Stores redux Action redux Reducers redux 数据流动 3.1.1 redux 介绍 redux 是什么 Redux is a predictable state container for JavaSc...

书籍完整目录 2.5 webpack 进阶 配置分离 code splitting 异步加载 理解 webpack chunk webpack 调试 2.5.1 配置分离 在大型项目中，可能 webpack.config.js 会变得越来越臃肿，这个时候可以利用做 webpack-merge 插件。将配置定义在一个目录下面的不同文件中，然后通过 webpack-merge 来合并成最终的配置。 webpack-mer...

书籍完整目录 2.4 webpack + gulp 构建完整前端工作流 在前面的两个小节中已经完整的讲了 webpack 和 gulp 相关的内容，本小节中将会结合二者构建一个完整的前端工作流，内容目录为： 前端工程结构和目标 前端工程目录结构 gulp clean gulp copy gulp less gulp autoprefixer gulp webpack gulp eslint gulp watch gulp ...

在前端工程化中最重要的就是流程管理，借用 gulp 可以很方便的基于流的方式定义流程任务，并将任务串联起来，本节中将详细介绍 gulp ，包括：

书籍完整目录 2.2 webpack 这一节中我们将系统的讲解 webpack ，包括： webpack 介绍 webpack 是什么 为什么引入新的打包工具 webpack 核心思想 webpack 安装 webpack 使用 命令行调用 配置文件 webpack 配置参数 entry 和 output 单一入口 多个入口 多个打包目标 webpack 支持 Jsx 和 Es6 webpack loaders loader 定义 ...

在前端开发的初始阶段，开发者通常只用关 html, css, javascript。但是现代化的前端开发已经不仅仅是业务代码本身，真正的前端开发环境涉及很多方面的需求，如：

书籍完整目录 1.6 flux 这一节将介绍 React 的核心应用架构模式 Flux，包括内容： Flux 介绍 MVC 架构之痛 Flux 的理解 Flux 相关库和工具介绍 Flux 与 React 实例 最后我们将会把之前的 TODOMVC 改为 Flux 的架构。 1.6.1 Flux 介绍 简单来讲，Flux 是 Facebook 引入到 React 中的一种前端架构，通过定义其核心单向数据...

书籍完整目录 1.5 React 与 DOM 在这一节中，主要的讨论范围为 React 与 DOM 相关的处理，包括： 如何获取 DOM 元素 如何做事件响应处理 表单处理 style 属性 这节讲述过后，我们将会为 TODO 应用添加完整的事件响应，包括新增，删除，标记完成等。 1.5.1 获取 DOM 元素 上一节我们已经讲过组件的生命周期，DOM 真正被添...

React 中组件有自己的生命周期方法，简单理解可以为组件从 出生（实例化） -> 激活 -> 销毁 生命周期 hook。通过这些 hook 方法可以自定义组件的特性。 除此之外，还可以设置一些额外的规格配置。

在 React 中组件是第一元素，是 React 的基础，一个 React 应用就是基于 React 组件的组合而成。前面的 JSX 练习过后，大家应该对 React 组件不陌生了，在这一节我们将温习以及深入学习 React 组件。

书籍完整目录 1.2 JSX 语法 官方文档 [链接] JSX 语法听上去很讨厌，但当真正使用的时候会发现，JSX 的写法在组件的组合和属性的传递上提供了非常灵活的解决方案。 在学习本节的时候，希望读者在阅读的同时能够实际编码体验 JSX ，写代码的意思是真的要写.代.码。 1.2.1 准备 React 运行环境 为了快速开始 JSX 的学习，...

狭义来讲 React 是 Facebook 内部开源出来的一个前端 UI 开发框架，广义来讲 React 不仅仅是 js 框架本身，更是一套完整的前端开发生态体系，这套体系包括：

应该是在 2013 年我还在天猫的时候，在一次团队会议中 Teamleader 邀请了来自 Facebook 的前端工程师来分享他们的开发栈，其中就有提到 React，当说到它有自己的独特语法的时候（JSX 语法），我对此不屑一顾，认为这样的前端框架只会昙花一现，顶多能够在 Facebook 内部流行起来。 但是到目前为止，React 的发展令我瞠目...

这里的数据同步的问题描述的是-多个不同的端存储相同的数据，并需要保证数据的同步。 这在现实开发中实在是个令人头疼的难题， 参考原文在理解的基础上做了修改和调整

Datastore API 是 dropbox 已经废弃的功能，不过 dropbox 将 jssdk 开源，这样对于研究 A-CS 实现有很好的参考价值， 这里将它翻译出来，既当备份也当对 datastore 的设计有个基本的了解

去年年末的时候同事分享了一下 scrum 工作模型, 以后公司按照这种方式来执行产品开发. 联想自己在阿里的两年的工作方式和大学课程讲述的项目协同敏捷开发的一些知识. 所以本文想就开发工作流模型做一个简单的探讨, 并将 scrum 模型应用到 个人项目开发中的做一个尝试性产品 AngryTask 的讨论.

最近公司主项目用到了 ember + ember-cli，虽然当前前端业内推崇 react , 但是接触到 ember-cli 过后，被 ember-cli 的工程化震撼到了，相比于 react， 前者算是一个 lib , 而后者更应该算是一个框架，这篇文章的主题不打算完整的介绍一下 ember，出于公司需要建一个公共组件库的目的， 这里介绍一下 ember-addon 相关的...