最强 hello world!

409 阅读2分钟

文章来源 了不起 [开源小分队]

我们不管是学习新的开发语言还是学习新的中间件,第一段程序都是hello world。一般我们写的都是在业务上毫无意义的代码。

今天给大家推荐一个最强的 demo,让你在用尽可能少的代码学到尽可能多的东西 -- realworld。目前在 github 上标星74.2K+。

项目简介

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

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

图片

我们在 RealWorld Example Apps(codebase.show/projects/re…) 找到现在已经公开的 realworld 不同版本实现(比如 React + redux、vue3 + vite、java、go 等等)

项目功能

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

1、首页

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

图片

2、文章详情页

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

图片

3、新增或修改文章

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

图片

4、登录注册

图片

图片

项目使用

开发前端页面

realworld 提供了前端路由示例,可以按其定义你的页面路由。

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

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

开发后端接口

realworld 提供了一套 API 接口,我们只需要按照这套标准开发即可。可以用 Swagger Editor 打开官方提供的 swagger.json(github.com/gothinkster…

图片

项目地址

https://github.com/gothinkster/realworld
https://realworld-docs.netlify.app/docs/intro

总结

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