很酷的是,即使使用最先进的前端技术,渐进增强也能实现。
这是一个 JSX React 组件中的按钮,它有一个直接应用于它的点击处理程序,该处理程序通过 Apollo GraphQL 触发数据变异 Ajax 请求。我认为这是最不友好的渐进增强环境。
Kitty Giraudel 写道,他们已经 执行了服务器端渲染,所以下一个棘手的问题是点击处理程序。如果没有 JavaScript,我们唯一可用于发布数据的机制是 <form>
,所以他们就是这么做的。它提交到 /graphql
端点,其中包含通过隐藏输入执行变异所需的数据,以及成功或失败后重定向到何处的附加数据。
非常棒。