Timeline

1/25/2021: play with react-query

react-query 是一个轻量级的状态管理工具,注重于解决异步请求数据的缓存问题,相比于使用 redux 来管理请求数据的状态/缓存,react-query 更加轻便简单,只需要使用 useQuery 就可以自动实现数据的缓存和管理, 还可以使用 useIsFetching 来监听全局加载状态

解决什么问题

  • 缓存请求的数据
  • 将多个重复请求合并成一个,避免多余的网络开销
  • 自动更新过期缓存数据
  • 知道什么时候缓存数据过期了
  • 快速更新缓存数据
  • 管理服务端状态的内存/垃圾回收
  • 结构化存储请求的数据,根据 key-value 取值
10/20/2020: vscode docker 开发环境搭建

最近的一个 Release, Visual Studio Code Remote - Containers 插件,可以方便用户使用 docker 容器作为开发环境,在项目目录下创建一个devcontainer.json文件,告诉 vscode 如何进入/创建开发容器,并自动设置 vscode 工具,本地workspace的文件可以 mount/copy/clone 到容器里

能想到的好处:

  • 团队统一开发环境,可以减少新入职员工在开发配置的时间开销

  • 可以将 docker 环境配置到云端,远程开发也挺香?

  • 切换开发环境只需要切换 container 即可