gpt4 book ai didi

resolvejs - 重新构想解决与热重载 react ?

转载 作者:行者123 更新时间:2023-12-04 10:37:06 25 4
gpt4 key购买 nike

任何人已经用过 https://reimagined.github.io/resolve/并获得热重载以进行 react 工作?

干杯

-raf

最佳答案

TL;博士
这个 HackerNews 示例应用程序的小 DIFF(3 个文件)说明了如何实现最简单的 HMR:
* 在 Diffy:https://diffy.org/diff/kgfz1h97zr9sisxcfkb0m5cdi
* 固定链接:https://pastebin.com/hv87aquw

hacker-news/client/hmr.js
hacker-news/client/index.js
hacker-news/config.app.js

完整答案:
虽然reSolve框架的例子大多使用React,但是前端如何实现还是要看你自己,所以你可以实现自定义逻辑来支持热重载。

另请注意,reSolve 框架支持自动重建在应用程序配置中指定的服务器包和自定义客户端源,如以下代码示例所示:

https://github.com/reimagined/resolve/blob/master/examples/hacker-news/config.app.js#L49-L67

因此,您可以采用以下两种方法之一在基于 reSolve 的应用程序中实现热重载:

1) 为您的应用程序实现 SSR 渲染器,如本例所示: https://github.com/reimagined/resolve/blob/master/examples/hacker-news/client/ssr.js .您甚至可以使用仅包含导入的此文件的简化版本——它足以完成任务。重点是这个 SSR 渲染器会在任何 UI 源文件更改后自动重建,您可以将其用作文件更改的指示。在客户端,您可以向此处理程序发送长轮询请求,并在发生更改时调用页面重新加载。

2) 使用提供开箱即用热重载的构建器(例如 create-react-app)生成完全自定义的前端,并将该前端链接到您的 reSolve 应用程序,如下例所示:

https://github.com/reimagined/resolve/tree/master/examples/with-vanillajs

关于resolvejs - 重新构想解决与热重载 react ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60121146/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com