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的内容。

相关推荐
Fantasywt3 小时前
THREEJS 片元着色器实现更自然的呼吸灯效果
前端·javascript·着色器
IT、木易4 小时前
大白话JavaScript实现一个函数,将字符串中的每个单词首字母大写。
开发语言·前端·javascript·ecmascript
Mr.NickJJ4 小时前
JavaScript系列06-深入理解 JavaScript 事件系统:从原生事件到 React 合成事件
开发语言·javascript·react.js
张拭心6 小时前
2024 总结,我的停滞与觉醒
android·前端
念九_ysl6 小时前
深入解析Vue3单文件组件:原理、场景与实战
前端·javascript·vue.js
Jenna的海糖6 小时前
vue3如何配置环境和打包
前端·javascript·vue.js
Mr.NickJJ6 小时前
React Native v0.78 更新
javascript·react native·react.js
星之卡比*6 小时前
前端知识点---库和包的概念
前端·harmonyos·鸿蒙
灵感__idea6 小时前
Vuejs技术内幕:数据响应式之3.x版
前端·vue.js·源码阅读
烛阴6 小时前
JavaScript 构造器进阶:掌握 “new” 的底层原理,写出更优雅的代码!
前端·javascript