编者注：一直以来使用SPA框架最大的问题是对搜索引擎不友好，虽然Google已经支持了抓取JS渲染后的页面，不过还是要照顾下国内的各家浏览器。随着React和Vue的流行，同构的概念慢慢被提出来，它最

React的生命周期（这里指的是初版的生命周期，而非新的React生命周期）主要由挂载，运行，卸载三个阶段构成，驱动着View层更新，接下来我们来详细看看这几个阶段都发生了什么。

这是编写前端框架系列的最后一章。本章，我将会讨论前端路由和后端路由的不同以及为什么他们应被区别对待。 网页无非是后端渲染，前端渲染或者两者混合渲染。不管怎样，一个半复杂的网页不得不处理路由。 对于后端渲染，路由是由后端处理的。当 URL 路径改变或者请求参数改变的时候会输出一个…

在 2018.6.7 我们对外开源了 多端统一开发框架——Taro。 Taro 是一个多端统一开发框架，它支持使用 React 的开发方式来编写可以同时在微信小程序、Web 、React Native 等多个平台上运行的应用，帮助开发者提升开发效率，改善开发体验，降低多端研发成…

写出更好的 React 代码的 9 条实用提示：了解代码检查、propTypes、PureComponent 等。 使用 React 可以轻松创建交互式界面。为应用中的每个状态设计简单的视图，当数据变化时，React 会高效地更新和渲染正确的组件。 这篇文章中，我会介绍一些使你…

提示： 在这个系列中，你将学习如何使用 React 和 Redux 控制一堆 SVG 元素来创建一个游戏。这个系列所需要的知识同样也可以使你创建使用 React 和 Redux 的其他类型的动画，而不只是游戏。你能够在下面的 GitHub 仓库中找到文章中开发的最终代码：Ali…

说在前头：新入职公司，react还不是很熟悉，就开始了官网重构的项目，刚开始开发速度很慢，而且语法也很多不规范的地方，在这里总结一下开发中遇到的坑。 这样就会使NPM包里的文件正常加载了。 原来这些都是打包后的文件！为了使打包后的样式生效，需要使用extract-text-we…

生命周期，顾名思义，就是从生到死的过程。 而生命周期钩子，就是从生到死过程中的关键节点。 每到关键节点，我们总希望有一些沉思时刻，因为这时候做出的决策会改变人生的走向。 React组件也一样，它会给开发者一些沉思时刻，在这里，开发者可以改变组件的走向。 React花了两年时间祭…

最近由于工作需要，需要在react上用到一个录音的功能，录音主要包含开始录音，暂停录音，停止录音，并将频谱通过canvas绘制出来。起初开发时找了一个现成的包，但是这个第三方的包不支持暂停功能，也不支持音频转码，只能输出audio/webm格式，所以自己在周末决定重新写一个关于…