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)
相关推荐
我不只是切图仔2 小时前
我只是想给网站加个注册验证码,咋就那么难!
前端·后端
该用户已不存在3 小时前
macOS是开发的终极进化版吗?
前端·后端
小豆包api3 小时前
小豆包AI API × Nano Banana:3D手办 + AI视频生成,「动起来」的神级玩法!
前端·api
布列瑟农的星空3 小时前
大话设计模式——观察者模式和发布/订阅模式的区别
前端·后端·架构
龙在天3 小时前
Vue3 实现 B站 视差 动画
前端
KenXu3 小时前
F2C Prompt to Design、AI 驱动的设计革命
前端
小鱼儿亮亮3 小时前
canvas中画线条,线条效果比预期宽1像素且模糊问题分析及解决方案
前端·react.js
@大迁世界3 小时前
用 popover=“hint“ 打造友好的 HTML 提示:一招让界面更“懂人”
开发语言·前端·javascript·css·html
伍哥的传说3 小时前
Tailwind CSS v4 终极指南:体验 Rust 驱动的闪电般性能与现代化 CSS 工作流
前端·css·rust·tailwindcss·tailwind css v4·lightning css·utility-first
小鱼儿亮亮3 小时前
使用Redux的combineReducers对数据拆分
前端·react.js