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
                                
                                
                                
                            
评论区