“React初学者教程”的版本间的差异

2017年10月27日 (五) 06:58的版本

React 简介

老式的多页设计

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

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

新派的单页应用

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

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

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

http://www.w3cplus.com/sites/default/files/blogs/2016/1611/react_components_composable_72.png

[Image:http://blog.tomtalk.net/uploads/4425163e0b57e656e583e87927dd2460.png]

创建第一个 React 应用

React 中的组件

在 React 中设置样式

创建复杂的组件

传递属性

深入JSX

处理状态

从数据到 UI

React 中的事件

组件生命周期

用 React Router 创建单页应用

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

在 React 中访问 DOM 元素

设置 React 开发环境