react-项目目录认识

React目录

package.json

package.json是项目的包目录,显示了当前项目下引入了多少包,这些包的名字和版本。我们可以进入到该文件下查看这些包。在企业级项目当中,通常需要统一所需要用到的包的版本,我们可以通过查阅进行包版本的校验并重新进行下载导包。

src

src就是程序员用到的最多的目录,99%的代码都是在src当中进行书写,从当前的初始目录下我们可以看到App.js和index.js,它们是整个项目的根基。

App.js

App.js是整个项目的根组件,后续所有的组件都是在该根组件下进行创建与使用。关于组件的概念,后续会进行说明。

index.js

index.js是项目的入口文件,主要进行React和ReactDom两个核心包的引入以及根组件的引入,并将根组件挂载到id为root的节点上。

下一节我们将详细讲述JSX的内容。

相关推荐
妮妮喔妮7 分钟前
supabase的webhook报错
开发语言·前端·javascript
yivifu1 小时前
手搓HTML双行夹批效果
前端·html·html双行夹注
奔跑的卡卡1 小时前
Web开发与AI融合-第一篇:Web开发与AI融合的时代序幕
前端·人工智能
IT_陈寒1 小时前
Redis批量删除的大坑,差点让我加班到天亮
前端·人工智能·后端
帆张芳显2 小时前
智表ZCELL产品V3.6 版发布,新增系统预置右键菜单操作、页签栏操作等功能
前端·canva可画·excel插件
漂流瓶jz2 小时前
运行时vs编译时:CSS in JS四种主流方案介绍和对比
前端·javascript·css
Asmewill2 小时前
uv包管理命令
前端
发现一只大呆瓜2 小时前
深入浅出 Tree Shaking:Rollup 是如何“摇”掉死代码的?
前端·性能优化·vite
weixin199701080162 小时前
《转转商品详情页前端性能优化实战》
前端·性能优化
钮钴禄·爱因斯晨2 小时前
他到底喜欢我吗?赛博塔罗Java+前端实现,一键解答!
java·开发语言·前端·javascript·css·html