盘点`ServerAction`的各种玩法:
在`ReactServerComponent`中使用`ServerAction`
1. 在`Form`中是直接使用异步函数
2. 封装`SubmitButton`组件,追踪加载状态
3. 在 `Button`/`自定义客户端组件`等客户端组件中使用
在`ClientComponent`中使用`ServerAction`
1. 在`use client`客户端页面中使用
2. 在` @tanstack/react-query`中使用`ServerAction`
3. 在` @tanstack/react-query/mutation`中使用`ServerAction`
使用`StateFullForm`简化
服务端数据校验
配合`useOptimistic`实现更好的UI交互体验
实战
抛弃`API`,实现一个完整的`CRUD`