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

来自tomtalk
跳转至: 导航搜索
用来创建真正可组合 UI 的 API
Tom讨论 | 贡献
用来创建真正可组合 UI 的 API
第15行: 第15行:
 
React 鼓励我们将视觉元素分为更小的组件,而不是一整大块。
 
React 鼓励我们将视觉元素分为更小的组件,而不是一整大块。
  
[[image:https://www.w3cplus.com/sites/default/files/blogs/2016/1611/react_components_composable_72.png]]
+
[[Image: https://www.w3cplus.com/sites/default/files/blogs/2016/1611/react_components_composable_72.png]]
  
 
==创建第一个 React 应用==
 
==创建第一个 React 应用==

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

React 简介

老式的多页设计

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

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

新派的单页应用

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

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

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

文件: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 开发环境