React简介及环境配置

React简介

react框架是脸书公司基于HTML设计出来的前端页面高效开发工具。他运用了轻量级的视图层库和虚拟的DOM来实现的框架。
react优点:
1.虚拟DOM:定义了一套变量形式的dom模型,减少了操作真实dom,提高了性能。
2.组件系统:将页面中任何一个区域或者元素都可以看做一个组件component。
3.单项数据流:数据绑定实现业务。
4.JXS语法:使用render函数来构建组件的dom构造性能较高,省去了查找和编译模板的过程
react缺点:
render中利用createElement创建结构的时候代码可读性较低,较为负载,需要使用工具编译jsx.

React环境配置

(1)
npm config set registry https://r.npm.taobao.org//配过镜像的可以不用再配,也可以不配置直接用npm
npm install -g create-react-app  
create-react-app my-app    /创建项目,应用名称不要有大写字母/
cd my-app/    /进入项目目录/
npm run start        /启动项目/
npm run build  /打包/
(2)
拥有Node.js的可以在文件中cmd打开小黑窗
输入npm init vite@latest
根据提示选择相应配置即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

神明也犯困

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值