查看“React初学者教程”的源代码

==React 简介==

===老式的多页设计===

如果你几年前做过这种应用程序，可能会采用包含多个单页面的方式。

在多页设计方式下，对于大多数改变页面显示的行为，Web 应用会导航到一个完全不同的页面。用户会看到原页面被销毁，然后出来一个新页面，这种用户体验很不尽人意。

===新派的单页应用===

现代的应用程序趋向于采用一种称为单页应用（SPA）的模式。这种模式下，我们不需要导航到不同的页面，甚至不需要重新加载一个页面。应用的不同视图被加载和卸载到同一页面上。

===用来创建真正可组合 UI 的 API===

React 鼓励我们将视觉元素分为更小的组件，而不是一整大块。

[[Image: https://www.w3cplus.com/sites/default/files/blogs/2016/1611/react_components_composable_72.png]]

==创建第一个 React 应用==

==React 中的组件==

==在 React 中设置样式==

==创建复杂的组件==

==传递属性==

==深入JSX==

==处理状态==

==从数据到 UI==

==React 中的事件==

==组件生命周期==

==用 React Router 创建单页应用==

==用 React 常见一个简单的 Todo List 应用==

==在 React 中访问 DOM 元素==

==设置 React 开发环境==