React SSR,打包报错:不存在renderToPipeableStream函数发布于2024年10月24日 react 使用create-react-app的cra模版,创建的react项目。实际上都是基于webpack+babel的,所以,基于webpack的打包模式,都是默认支持的。不但可以打包浏览器端的ssr.js代码,还可以... 阅读更多
使用es语法糖的项目文件,如何使用esno解释运行?发布于2024年10月23日 react 在前面的一系列React SSR的文章里面,大家也许注意到:苏南大叔一直使用esno来运行server.jsx文件,用于查看服务器端页面生成的最终效果。那么,为什么使用esno来执行,而不是使用node来执行呢?这... 阅读更多
React SSR,如何利用webpack编译获得react注水js文件?发布于2024年10月22日 react 到目前为止,React SSR的代码使用姿势问题,已经讲的很明确了,应该可以应付绝大多数使用场景了。本文的内容把目光集中在“注水函数hydrateRoot()所在的.js文件”上。在目前的一系列react相关文章中... 阅读更多
React SSR,服务器端和客户端,组件同构+路由同构发布于2024年10月21日 react React SSR的基本原理都已经描述过了,在描述最后一个函数hydrateRoot()的时候,苏南大叔提到:“是不是会报错就无关该函数的使用了”。实际上说的就是同构的问题,其中包括"组件同构"以及"路由同构"。这... 阅读更多
React路由,解析StaticRouterProvider+createStaticRouter发布于2024年10月20日 react 在前面的文章里面,苏南大叔总结到:react router有两种使用方式,分别是:<Router>+<Routes>+<Route>、createBrowserRouter()+... 阅读更多