React——react 的基本使用

前提:安装全局的脚手架,通过create-creat-app 项目名,我们创建好一个新项目,cd进去,通过npm start去运行该项目

注意:简单看下demo的配置,在根目录我们可以看到,没有任何webpack的配置文件,我们可以通过eject命令去自动生成相关的配置(react基于webpack搭建),但是不推荐使用,eject是不可逆的,生成的文件不是全部都需要,会导致项目很混乱。

index.js文件内容,web页面开发

  1. 导入reactreact-dom (脚手架已配置好)
  2. react创建react元素(虚拟DOM),reactDom渲染react元素到页面

index.js文件内容,APP页面开发

  1. 导入reactreact-native(react-native需要自己再下载依赖)

  2. react创建react元素(虚拟DOM),reactDom渲染react元素到APP

相关推荐
Ticnix5 分钟前
ECharts初始化、销毁、resize 适配组件封装(含完整封装代码)
前端·echarts
纯爱掌门人8 分钟前
终焉轮回里,藏着 AI 与人类的答案
前端·人工智能·aigc
twl12 分钟前
OpenClaw 深度技术解析
前端
崔庆才丨静觅15 分钟前
比官方便宜一半以上!Grok API 申请及使用
前端
星光不问赶路人24 分钟前
vue3使用jsx语法详解
前端·vue.js
天蓝色的鱼鱼27 分钟前
shadcn/ui,给你一个真正可控的UI组件库
前端
布列瑟农的星空31 分钟前
前端都能看懂的Rust入门教程(三)——控制流语句
前端·后端·rust
Mr Xu_36 分钟前
Vue 3 中计算属性的最佳实践:提升可读性、可维护性与性能
前端·javascript
jerrywus42 分钟前
我写了个 Claude Code Skill,再也不用手动切图传 COS 了
前端·agent·claude
玖月晴空1 小时前
探索关于Spec 和Skills 的一些实战运用-Kiro篇
前端·aigc·代码规范