react - 语雀使用的是什么React框架？网

Question

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

这些天我想写一个SPA的react app，但是发现对于SPA应用title总是要先显示成默认的title然后使用javascrpt改变，这个导致tilte总是会抖动一下，然后我就找了一下其他产品参考了一下，我就找到了语雀。
语雀在侧边栏一共四个tab：

前两个的title都是一样的，符合SPA的特点，后两个的title不一样，像是SSR。

Answer 1

语雀的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等策略来解决。