React提供给开发者很多方法或‘钩子’，调用于一个组件的生命周期，使我们更新UI和app state。了解何时使用哪些对正确理解如何使用React至关重要。 constuctors是OOP的基础——一个无论何时一个新object被创建时被调用的特殊函数。调用一个特殊函数sup…

React 作为目前最流行的前端框架之一，其受欢迎程度不容小觑，从这门框架上我们可以学到许多其他前端框架所缺失的东西，也是其创新性所在的地方，比如虚拟 DOM、JSX 等。那么接下来我们就来学习一下这门框架是如何构建起一个单页应用的。

最近笔者在逐步将之前的项目升级为 Webpack2 + ReactRouter4，同时优化 MobX/Redux 搭配的状态管理模式，以及将通用组件抽取到 React Storybook 中切向所谓组件驱动开发。对于其中浅薄的工程化的思考可以参考 2016 - 我的前端之路: 工具化与工程化, 对于模板中配置的详解参考详细的从零到一的 React 及其技术栈使用教程]，这也是笔者当前仓库中另一个主要内容。

项目内容不多，就涉及到三个页面，主要是为了学习新的知识。项目中用的redux-saga也是前天才学习的。项目的架构也是最近在各种探讨研究。还求大神多指点~ 开发react-redux这一套，我个人的理解是 Redux体现的是代码分层、职责分离的编程思想,逻辑与视图严格区分。 而…

国内基本没有认真介绍这方面的文章，我来介绍下我的设计

React Native 中 ScrollableTabView 使用 Navigator 跳转时，跳转后的页面仍存在 ScrollableTabView 导航栏，解决方案记录如下。

自定义键盘的实现效果如下： iOS 端：ios-keyboard.gifAndroid 端：android-keyboard.gif 实现功能（iOS 和 Android）： 输入框没有自定义，直接使用 RN 的 TextInput 点击完成可以移除焦点 长按回退键可以删除光标前所有字符 字…

本文中的实现借助了 snabbdom ，因此如果你的关注点是虚拟DOM的实现或是将虚拟DOM渲染到浏览器的底层实现，本篇文章中并不会涉及到。有些人可能对此感动失望，但是，一口吃不成一个胖子，我们需要一步一步来。 当我学习 React 的时候，我觉得它所做的一切都是魔术，然后我就…