在之前，分析了这个项目的大致功能，现在我们来看看这个项目的基本框架。这个项目主要是采用了JavaScript语言编写，但是，你对JavaScript熟悉也没有什么优势，应为这个项目采用的前端框架是react.js，所以如果你不懂react，看这个项目也是比较费劲。
基本组件：react.js 、webpack、loader 、babel等等
配置环境：node.js-v6、webpack-v4.17、react-v16.4.1等等
安装和运行：npm install npm start
重要中间件：express、bitsharesjs、react等等
这个项目主要就是这些东西，然后使用的开源中间件有很多，但是，我得重点说一说bitsharesjs以及它的衍生中间件。这个比较重要的，很多的操作都是依靠这个完成的，比如钱包、交易功能。
入口简介：
在之前我有文章写过关于比特股的程序入口，这里就不多说，直接看package.json 的数据，可以找到这个程序的入口。在找到入口之后，跟着入口会找到Main.js 这也是在webpack.config.js的配置文件里面找到的。这里就会看到这个项目就算是真的开始了。
组成结构
在这个项目里面，从入口一直到AppInit我们算是正式的进入了项目，在Main.js 当中，我们看到导入了index.js在index.js里面导入了AppInit.jsx在AppInit.jsx中又导入了App.jsx,在App.jsx中又导入了很多的其他的组件。这样就形成了这个项目的基本结构。在App.jsx 中是用的是switch的路由匹配机制，根据这样的机制，就可以根据不同的路由匹配，展现不同的页面。
总结
通过对项目整个框架的解析，应该对这个项目又一些更深入的认识。比特股项目当中也没有什么是让人难以理解的东西，主要还是搞明白它的整体结构，用了什么中间件和框架就可以了。
网友评论