最强 hello world!


大家好,我是爱学习的了不起!

我们不管是学习新的开发语言还是学习新的中间件,第一段程序都是hello world。一般我们写的都是在业务上毫无意义的代码,今天给大家推荐一个最强的 demo,让你在用尽可能少的代码学到尽可能多的东西 – realworld。目前在 github 上标星74.2K+。

项目简介

realworld 是一个名称 Conduit 的社交博客网站,可以注册、发布文章、评论以及对账户进行管理,包含了web中常见的业务,例如增删改查、列表、登录鉴权等等。

我们可以按照 RealWorld 提供的API规范,通过任何前端语言和任何后端语言来实现网站的功能。

在 [RealWorld Example Apps](CodebaseShow – RealWorld Example Apps) 找到现在已经公开的 realworld 不同版本实现(比如 React + redux、vue3 + vite、java、go 等等)

项目功能

我这里主要介绍下网站的功能,更多细节小伙伴们自己去探索。

1、首页

分为左侧的 文章列表 和右侧的 热门标签

2、文章详情页

可以可以点赞文章或关注用户。

3、新增或修改文章

页面包含一个 form 表单,分别填写标题、简介、正文和标签。

4、登录注册

项目使用

开发前端页面

realworld 提供了 [前端路由示例](Routing Guidelines | RealWorld (realworld-docs.netlify.app)),可以按其定义你的页面路由。

后端服务通过以下方式实现:

  • 本地运行官方的后端实现:在此处找到 GitHub 存储库。
  • 官方提供了公共托管 API : https://api.realworld.io/api

开发后端接口

realworld 提供了一套 API 接口,我们只需要按照这套标准开发即可。可以用 Swagger Editor 打开官方提供的 [swagger.json](realworld/swagger.json at main · gothinkster/realworld · GitHub),可以看到接口规范。

项目地址

1
https://github.com/gothinkster/realworld

总结

realworld 为我们提供了一个比较全网站demo,我们在学习新技术时候,按照官方的API规范,实现前端页面或者后端接口。感兴趣的小伙伴赶快去试试吧~

写在最后

欢迎加入开源小分队读者交流群,聊天学习摸鱼为主,不定时会分享一些技术要点和优质学习资源,有一群有趣有料的小伙伴在等你哦!

进群方式:开源小分队 公众号后台回复888,按提示操作即可进群。

问君能有几多愁,开源项目解千愁,我们下期再见!

大家的点赞、收藏和评论非常重要,如文章对你有帮助还请转发支持下,谢谢!


文章作者: 开源小分队
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 开源小分队 !
  目录