我们今天就来深入了解React。
童鞋们在上篇文章中已经初步认识了React ,并且安装并启动成功了,但很多小伙伴对react还是感到很懵, 刚下载下来的demo也不符合我们的真是项目开发思路 ,看到一堆乱七八糟的文件, 不知从何下手,有这种感觉就对了 , 这就需要认真阅读我下面所讲的知识了。
(跟着小陈,带你轻松掌握React)
在编辑器中打开你的项目,我们会看到(如下图)
一 整体的目录架构
1、git 是 git文件夹
2、dist 是打包后文件放置地方
3、src 是源码文件,一般做开发就在这个文件夹。
4、babelrc是babel配置文件
5、webpack.config.js是webpack配置文件
6、server.js 是 express服务器文件
7、editorconfig 是编辑器配置文件,用来同意团队开发的编辑器配置
8、node_modules是各个插件存放位置
二 入口文件
1.网页入口文件放在 dist/index.html
2. react入口文件放在 src/app.js
三 源码文件目录架构
1.actions 存放react action路径
2. common 存放公共文件
3. components 存放 react jsx文件
4. images 存放图片
5. stores 存放 react action具体执行方法
四 其他的文件夹
1.api文件夹存放接口文件
2. style文件存放自定义的样式文件