万码学堂2025年课程全面升级

新增AI编程课程，引领技术教育新趋势

TypeScript在react项目中的实践

2018-08-27 15:07
万码学堂

 前段时间有写过一个+ │   └── vendors.dll.js ├── dist ├── src │   ├── config │   ├── controllers │   ├── entity │   ├── models │   ├── middleware │   ├── public │   ├── app.ts │   ├── server.ts │   ├── types + │   ├── common │   └── utils + ├── client-src + │   ├── components + │ │ └── Header.tsx + │   ├── conf + │ │ └── host.ts + │   ├── dist + │   ├── utils + │   ├── index.ejs + │   ├── index.tsx + │   ├── webpack + │   ├── package.json + │   └── tsconfig.json + ├── views + │ └── index.ejs ├── tsconfig.json └── tslint.json

其中标绿（也可能是一个+号显示）的文件为本次新增的。
其中client-dist与views都是通过webpack生成的，实际的源码文件都在client-src下。就这个结构拆分前后分离其实没有什么成本
在下边分了大概这样的一些文件夹：

dir/file desc
index.ejs 项目的入口html文件，采用ejs作为渲染引擎
index.tsx 项目的入口js文件，后缀使用tsx，原因有二：
1. 我们会使用ts进行React程序的开发 
2. .tsx文件在vs code上的icon比较好看 :p
tsconfig.json 是用于tsc编译执行的一些配置文件
components 组件存放的目录
config 各种配置项存放的位置，类似请求接口的host或者各种状态的map映射之类的（可以理解为枚举对象们都在这里）
utils 一些公共函数存放的位置，各种可复用的代码都应该放在这里
关键字：

青岛软件培训

可能你正在寻找一家靠谱的IT培训机构， 渴望突破职业瓶颈， 找一份得体的工作。 恰巧万码学堂正在寻找像你这样不甘平凡的追光者！ 我们拒绝纸上谈兵，直接参与真实开发流程！
现在行动，未来可期‌
立即拨打0532-85025005，预约免费职业规划咨询 前20名咨询者赠送《2025高薪技术岗位白皮书》!
你不是在报名课程，而是在投资五年后的自己！

申请免费试听课程
50000+
5万行代码练就真实本领
17年
创办于2008年老牌培训机构
1000+
合作企业
98%
就业率

联系我们

电话咨询

0532-85025005

扫码添加微信