React SSR,服务器端和客户端,组件同构+路由同构发布于2024年11月01日 react React SSR的基本原理都已经描述过了,在描述最后一个函数hydrateRoot()的时候,苏南大叔提到:“是不是会报错就无关该函数的使用了”。实际上说的就是同构的问题,其中包括"组件同构"以及"路由同构"。这... 阅读更多
React路由,解析StaticRouterProvider+createStaticRouter发布于2024年10月31日 react 在前面的文章里面,苏南大叔总结到:react router有两种使用方式,分别是:<Router>+<Routes>+<Route>、createBrowserRouter()+... 阅读更多
React SSR,如何理解和使用注水函数hydrateRoot()?发布于2024年10月30日 react 继续react的SSR话题,讲完了react脱水的两个函数,renderToString()和renderToPipeableStream()。现在来讲讲注水函数hydrateRoot()。这个函数本身用起来是非常... 阅读更多
React SSR,如何使用脱水函数renderToPipeableStream()?发布于2024年10月29日 react 接触到renderToString()这个函数后,就可以理解到react脱水的过程了。这里就引申到了一个用户体验的问题,用户浏览器总是期待服务器端有着最快的响应速度,除去硬件等因素外,react官方推出了rende... 阅读更多
React SSR,如何理解和使用脱水函数renderToString()?发布于2024年10月28日 react 终于开始讲react的脱水和注水功能了,也就是“水合”。其中的“脱水”过程,实际上也可以理解为服务器端把事件绑定之类的功能都去掉,仅仅像传统页面一样,考虑数据的输出即可。目前脱水函数,有两个。本文讲述其中第一个:r... 阅读更多