我们今天就来深入了解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
网页入口文件放在 dist/index.html
react入口文件放在 src/app.js
三 源码文件目录架构
1.actions 存放react action路径
2. common 存放公共文件
3. components 存放 react jsx文件
4. images 存放图片
5. stores 存放 react action具体执行方法
components 存放 react jsx文件
actions 存放react action路径
common 存放公共文件
四 其他的文件夹
1.api文件夹存放接口文件
2. style文件存放自定义的样式文件
网友评论