深入学习一个框架最直接的方式，就是弄明白框架的原理。React无疑是一个非常值得学习其原理的框架，它设计简单，没有引入任何新的概念，一个组件就是一个方法或一个类。 但是要完整弄明白React的源码并不简单，React的代码有数万行，特别是在引入Fiber架构后，在React简单…

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

原文地址 https://github.com/joeyguo/blog/issues/9 React 的实践从去年在 PC QQ家校群开始，由于 PC 上的网络及环境都相当好，所以在使用时可谓一帆风顺，偶尔遇到点小磕绊，也能够快速地填补磨平。而最近一段时间，我们将手Q的家校群…

前段时间一直在研究react ssr技术，然后写了一个完整的ssr开发骨架。今天写文，主要是把我的研究成果的精华内容整理落地，另外通过再次梳理希望发现更多优化的地方，也希望可以让更多的人少踩一些坑，让跟多的人理解和掌握这个技术。 相信看过本文（前提是能对你的胃口，也能较好的消化…

1. React+Redux项目结构最佳实践 2. 如何合理地设计State 在前面两篇文章中，我们介绍了Redux项目结构的组织方式和如何设计State。本篇，我们将以前面两篇文章为基础，继续介绍如何设计action、reducer、selector。 根据这个结构，我们很容…

参加或留意了最近举行的JSConf CN 2017的同学，想必对 Next.js 不再陌生， Next.js 的作者之一到场进行了精彩的演讲。其实在更早些时候，由 Facebook 举办的 React Conf 2017，他就到场并有近40分钟的分享。但两次分享带来的 demo …

现在前端程序员都知道，React 是组件化的。当我开始学习 React 的时候，我记得当时已经存在了很多不同编写组件的方式了。如今，React 社区已经愈发成熟，但是对于组件正确编写姿势却没有一个相对完备的指导。 这篇文章仅从作者的观点出发，来谈一谈我们究竟应该如何来写高质量的 …

setState 只在 React 合成事件和钩子函数中是“异步”的，在原生DOM事件和定时器中都是同步的。 问题：如果使用 pureComponent 只能进行浅比较，如果修改了原数据再更新，就会导致地址值一样从而不会更新。但实际需要更新。 总结：使用以上方式，可以减少不必要…

用 react-router 也用了比较久了，对他的内部工作方式却只是了解皮毛，而且大部分还是通过别人的博客。最近两周打算自己探究一下他的实现。 注意！因为我只使用过 v3 版本的 react-router，因为对他的使用方式比较熟悉，所以这次解析也是基于这个版本。 聊到这个话…