一个简单的项目演示了React 单向数据流

React原始分析 写在前面 React开发一年多，最近仔细研究了React源码，在这里总结一下原理。 v15）。包括： React的几个组件以及首次渲染实现 React更新机制的实现以及React diff算法 React的代码还是非常复杂的，虽然这里是一个简化版本。但是还是需要有不错的面向对象思维的。React的核心主要有一下几次。 虚拟dom对象（Virtual DOM） 虚拟dom差异化算法（diff algorithm） 单向数据流 组件声明周期 事件处理 直接在游览器中打开main

助焊剂 一个使用单向数据流的React应用程序架构。 :warning: Flux项目处于维护模式，并且有许多更复杂的替代方案（例如 ， ），我们建议您改用它们。 入门 首先查看Github上的。 有关更多资源和API文档，请查看 。 助焊剂的工作原理 有关Flux工作原理的更多信息，请查看《 指南》或《 。 要求 Flux比框架更像是一种模式，并且没有任何硬性依赖。 但是，我们经常使用作为Stores的基础，并为我们的Views 。 Dispatcher是其他地方不容易获得的一种助焊剂。

前言 React核心的单向数据流、一切皆数据的state、不会改变的props，以及状态提升等等经常使用便不多总结，需要的看官方文档。 JSX JSX 本质只是为 React.createElement(component, props, …children)提供的语法糖！ 1.React DOM 在渲染之前都被转换成了字符串，它天生自带防止 XSS 攻击的属性。 2.Babel 转译器会把 JSX 转换成一个名为 React.createElement()的方法调用。在线babel编