我们今天就来深入了解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文件存放自定义的样式文件

看到这里你应该会了解了目录的大概了。有帮助的话 ，别忘了下面的心心点你一下（想知道更多关于react的知识请私信我哦）

如有不懂或解决不了的问题可以私信我，或者在下方评论 ， 小陈帮你解决困难