“React初学者教程”的版本间的差异
来自tomtalk
（创建页面，内容为“==React 简介== ==创建第一个 React 应用== ==React 中的组件== ==在 React 中设置样式== ==创建复杂的组件== ==传递属性== ==深入JSX==...”） |
（→React 简介） |
||
| 第1行： | 第1行： | ||
==React 简介== | ==React 简介== | ||
| + | |||
| + | ===老式的多页设计=== | ||
| + | |||
| + | 如果你几年前做过这种应用程序，可能会采用包含多个单页面的方式。 | ||
| + | |||
| + | 在多页设计方式下，对于大多数改变页面显示的行为，Web 应用会导航到一个完全不同的页面。用户会看到原页面被销毁，然后出来一个新页面，这种用户体验很不尽人意。 | ||
| + | |||
| + | ===新派的单页应用=== | ||
| + | |||
| + | 现代的应用程序趋向于采用一种称为单页应用（SPA）的模式。这种模式下，我们不需要导航到不同的页面，甚至不需要重新加载一个页面。应用的不同视图被加载和卸载到同一页面上。 | ||
| + | |||
| + | ===用来创建真正可组合 UI 的 API=== | ||
| + | |||
| + | React 鼓励我们将视觉元素分为更小的组件，而不是一整大块。 | ||
| + | |||
| + | https://www.w3cplus.com/sites/default/files/blogs/2016/1611/react_components_composable_72.png | ||
==创建第一个 React 应用== | ==创建第一个 React 应用== | ||
2017年10月27日 (五) 06:49的版本
目录
React 简介
老式的多页设计
如果你几年前做过这种应用程序，可能会采用包含多个单页面的方式。
在多页设计方式下，对于大多数改变页面显示的行为，Web 应用会导航到一个完全不同的页面。用户会看到原页面被销毁，然后出来一个新页面，这种用户体验很不尽人意。
新派的单页应用
现代的应用程序趋向于采用一种称为单页应用（SPA）的模式。这种模式下，我们不需要导航到不同的页面，甚至不需要重新加载一个页面。应用的不同视图被加载和卸载到同一页面上。
用来创建真正可组合 UI 的 API
React 鼓励我们将视觉元素分为更小的组件，而不是一整大块。
https://www.w3cplus.com/sites/default/files/blogs/2016/1611/react_components_composable_72.png
