React 是一个用于构建用户界面的 JAVASCRIPT 库。
React 主要用于构建 UI,很多人认为 React 是 MVC 中的 V(视图)。
React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。
React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。
React 特点
-
1.声明式设计 −React采用声明范式,可以轻松描述应用。
-
2.高效 −React通过对DOM的模拟,最大限度地减少与DOM的交互。
-
3.灵活 −React可以与已知的库或框架很好地配合。
-
4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。
-
5.组件 − 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。
-
6.单向响应的数据流 − React 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。
安装
一.react安装
1.win+R打开运行命令:输入指令
npm i create-react-app -g 全局安装脚手架
create-react-app 项目名称
2.脚手架命令:切换到项目目录 cd/
npm start 启动项目
npm run build 打包项目
npm run eiect 暴露webpack配置文件
结构:
三.jxs语法:
jxs是JavaScript和html混合写法; 语法规则如下:
1.一个组件只能有一个根节点
2.class用className代替
3.style样式会自动展开
4.数组里面可以直接写html标签
5.用{}代表js代码
6.{/* */}代表注释
总结:
//有且只有一个根节点
//class写成className
//在大括号里写JavaScript
//数组里面可以写html标签
//注释用:{/* */}
//样式可以直接展开
//无状态组件 视图组件
//function App{
// return(<></>)
// }
// export default App ;
//类组件
//有状态组件 容器组件
//import React,{Component} from 'react'
//export default class App extends Component{
// render(){
// return(<></>)
// }
// }