一、React基础
目标
能够说出React是什么
能够说出React的特点
能够掌握React的基本使用
能够使用React脚手架
目录
React概述
React的基本使用
React脚手架的使用
1. React概述
1.1 什么是React
React是一-个用于构建用户界面的JavaScript库。
用户界面: HTML页面(前端)
React主要用来写HTML页面,或构建Web应用
如果从MVC的角度来看, React仅仅是视图层(V) ,也就是只负责视图的渲染,而并非提供了
完整的M和C的功能。
React起源于Facebook的内部项目,啟用来架设Instagram的网站,汙2013年5月开源
1.2 React的特点
声明式
你只需要描述UI ( HTML )看起来是什么样,就跟写HTML一样
React负责渲染UI ,并在数据变化时更新UI
基于组件
● 组件是React最重要的内容
● 组件表示顽面中的部分内容
● 组合、复用多个组件,可以实现完整的页面功能
学习一次,随处使用
● 使用React可以开发Web应用
● 使用React可以开发移动端原生应用( react-native )
● 使用React可以开发VR(虚拟现实)应用(react 360)
2. React的基本使用
2.1React的安裝
安装命令: npm i react react-dom
● react包是核心,提供创建元素、组件等功能
● react-dom包提供DOM相关功能等
2.2React的使用
-
引入react和react-dom两个js文件
<script src="./node_modules/react/umd/react.development.js"></script> <script src="./node_modules/react-dom/umd/react-dom.development.js"></script>
-
创建React元素
参数一:元素名称
参数二:元素属性
参数三及其以后的参数:元素的子节点