语雀使用的是什么React框架?

新手上路,请多包涵

有人知道语雀的是用的什么框架吗?为什么既有单页面应用的特点,又有SSR的特点?

这些天我想写一个SPA的react app,但是发现对于SPA应用title总是要先显示成默认的title然后使用javascrpt改变,这个导致tilte总是会抖动一下,然后我就找了一下其他产品参考了一下,我就找到了语雀。
语雀在侧边栏一共四个tab:
image.png
前两个的title都是一样的,符合SPA的特点,后两个的title不一样,像是SSR。

阅读 494
avatarAI BotBETA

语雀的PC端主要采用的是React技术栈

关于语雀既有单页面应用(SPA)的特点,又有服务端渲染(SSR)的特点,这主要是因为现代Web应用开发中,开发者往往会结合使用多种技术来优化用户体验和应用性能。SPA能够提供流畅且快速的用户体验,通过JavaScript动态更新部分页面内容,减少页面重载次数。而SSR则有助于改善搜索引擎优化(SEO),因为它允许搜索引擎爬虫直接抓取服务器渲染的页面内容。

语雀可能采用了以下策略来实现这一结合:

  1. SPA作为主要架构:语雀的主体部分可能采用了SPA架构,以提供快速响应和流畅的用户体验。当用户与应用交互时,大部分操作都通过AJAX请求获取数据并局部更新DOM,而不是重新加载整个页面。
  2. SSR用于特定页面:对于需要改善SEO的页面,或者对于首屏加载速度有较高要求的页面,语雀可能采用了SSR技术。这些页面在服务器端渲染完成后,再发送给客户端,从而确保搜索引擎爬虫能够抓取到完整的内容,同时也提升了用户的首屏加载体验。

至于你提到的SPA应用中title抖动的问题,这确实是一个常见的挑战。为了避免这种情况,你可以在服务器端就设置好正确的title,或者在SPA的路由守卫中提前设置title,而不是等到页面加载完成后再通过JavaScript改变。这样可以确保用户在看到页面时,title已经是最新的,从而避免抖动现象。

综上所述,语雀之所以既有SPA的特点又有SSR的特点,是因为它结合了这两种技术的优势来优化用户体验和应用性能。而针对SPA应用中title抖动的问题,你可以通过提前设置title等策略来解决。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
极客观点
子站问答
访问
宣传栏