242 - 《“完美”体验的 TODO App》

1、为了验证 React Query 的功能，我手写了一个 Todo App，数据来自远程服务群，总共花了 5h 左右，手生的很，感觉重新写一遍应该 2h 以内就能完成。地址是 https://todos.sorrycc.com/ 。本地数据的 Todo App 好做，而远程数据的 Todo App 还是要耗费一些精力的。我希望把体验做地尽可能完美，但时间有限，先到这步吧，在此整理下我的收获。

2、为了让数据体验尽可能真实，先是花了点时间搭数据，用的 Headless CMS strapi，部署在 Google App Engine 上，建了 Todo Collection，设为公开访问，并通过 updown.io 5 分钟访问一次保活。可通过 https://strapi-373300.df.r.appspot.com/api/todos 以 restful api 的方式做 todos 的增删改查。

Todo 的接口如下，如果有 Todo Demo App 的需要，可直接用这个接口。

// 查询
GET https://strapi-373300.df.r.appspot.com/api/todos
// 添加
POST https://strapi-373300.df.r.appspot.com/api/todos
{
  "data": {"name": "hahaha"}
}
// 修改
PUT https://strapi-373300