TypeScript Workshop Frontend React+TypeScript社交媒体前端模板
TypeScript 培训课程的前端项目挺有意思的,适合想练手 React + TypeScript 组合的朋友。你要是也在搞认证、发帖这些常规社交功能,那这套代码正好能参考下,逻辑清晰,风格也挺现代的。哦对,整个代码是用函数式写法搞出来的,结构比较统一,读起来还挺舒服。
Create React App的脚手架,起步快,基本不用怎么配置就能跑起来。搭配React Router Dom搞路由,熟悉的味道,切换页面也不卡。
环境变量放在.env
文件里,像 API 地址这种东西,一改就能全局生效,开发环境切换起来也方便。样式这块走的是Semantic UI,组件挺丰富,配色默认也蛮好看,懒得自己写样式的可以直接用。
这个项目主打的是社交媒体前端,有用户注册登录、发帖、评论、点赞这些基础功能,全都对接 REST API。你可以拿它当模板改,也能直接拿去跑测试接口。
需要注意一点:数据交互那块全是走 REST 的,记得本地起个对应的后端,或者改下.env
配置指到你的服务。
如果你正准备搞一个前后端分离的 React 项目,又刚好在用 TypeScript,不妨看看这个仓库,多基础结构都帮你搭好了。
typescript.workshop.frontend:该存储库旨在为其所属的TypeScript培训课程提供前端支持。
预估大小:142个文件
craco.config.js
240B
.gitignore
2B
package.json
2KB
tsconfig.paths.json
1KB
.eslintrc.json
638B
.env.development
32B
package-lock.json
1.49MB
.env
32B
authentication.json
1KB
basicPostData.json
7KB
512.53KB
文件大小:
评论区