React框架是什么

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)
相关推荐
ai小鬼头34 分钟前
百度秒搭发布:无代码编程如何让普通人轻松打造AI应用?
前端·后端·github
漂流瓶jz34 分钟前
清除浮动/避开margin折叠:前端CSS中BFC的特点与限制
前端·css·面试
前端 贾公子36 分钟前
在移动端使用 Tailwind CSS (uniapp)
前端·uni-app
散步去海边36 分钟前
Cursor 进阶使用教程
前端·ai编程·cursor
清幽竹客37 分钟前
vue-30(理解 Nuxt.js 目录结构)
前端·javascript·vue.js
weiweiweb88839 分钟前
cesium加载Draco几何压缩数据
前端·javascript·vue.js
幼儿园技术家40 分钟前
微信小店与微信小程序简单集成指南
前端
我不吃饼干9 天前
鸽了六年的某大厂面试题:你会手写一个模板引擎吗?
前端·javascript·面试
涵信9 天前
第一节 布局与盒模型-Flex与Grid布局对比
前端·css
我不吃饼干9 天前
鸽了六年的某大厂面试题:手写 Vue 模板编译(解析篇)
前端·javascript·面试