react是一个用于构建用户界面的javaScript库,起源于facebook的内部项目,后续在13年开源了出来
声明式
你只需要描述UI看起来是什么样式,就跟写HTML一样,React负责渲染UI
基于组件
组件时React最重要的内容,组件表示页面中的部分内容
学习一次,随处使用
使用React可以开发Web应用,使用React可以开发移动端,可以开发VR应用
react安装
<script src="./node_modules/react/umd/react.development.js"></script> <script src="./node_modules/react-dom/umd/react-dom.development.js"></script>
npm i react react-dom
react 包是核心,提供创建元素,组件等功能
react-dom 包提供DOM相关功能
创建
// 创建元素节点 // 1. 元素名称 // 2. 元素属性 传递的是个对象 // 3. 元素内容 let title = React.createElement('li', null, 'hellow react');
渲染
// 渲染到页面 ReactDOM.render(title, root)