https://github.com/beenotung/ts-liveview

Build hybrid SSG and SSR realtime SPA/MPA with Typescript
https://github.com/beenotung/ts-liveview

html-streaming liveview realtime-application server-side-rendering starter-kit starter-template tsx typescript

Last synced: 13 days ago
JSON representation

Build hybrid SSG and SSR realtime SPA/MPA with Typescript

• Host: GitHub
• URL: https://github.com/beenotung/ts-liveview
• Owner: beenotung
• License: bsd-2-clause
• Created: 2020-04-10T04:31:47.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2025-04-11T03:12:24.000Z (15 days ago)
• Last Synced: 2025-04-13T00:49:31.208Z (13 days ago)
• Topics: html-streaming, liveview, realtime-application, server-side-rendering, starter-kit, starter-template, tsx, typescript
• Language: TypeScript
• Homepage: https://liveviews.cc
• Size: 3.04 MB
• Stars: 178
• Watchers: 8
• Forks: 2
• Open Issues: 14
• Metadata Files:
  • Readme: README-zh.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ts-liveview

ts-liveview 是一個用於構建混合靜態站點生成（SSG）和伺服器端渲染（SSR）的實時單頁應用程序（SPA）或多頁應用程序（MPA）的框架。它使用 TypeScript 來增強開發體驗，並提供以下幾個主要特點：

- 輕量級客戶端：ts-liveview 的客戶端運行時小於 13KB（打包、壓縮和 gzip 壓縮後為 2.3KB），這使得初始加載非常快速。

- 不依賴虛擬 DOM：與其他前端框架（如 React 或 Vue）不同，ts-liveview 不使用虛擬 DOM。它透過應用特定的事件處理器來推導出精確的 DOM 操作，這些操作隨後被發送到瀏覽器客戶端，以實時更新用戶界面。

- 支持 JSX：開發者可以使用 JSX 來編寫 UI，這為許多開發者提供了熟悉的語法。

- 混合渲染模式：支持在啟動時進行預渲染，請求時進行伺服器端渲染，以及運行時實時更新，充分利用了伺服器和客戶端的優勢。

- 效率高的網絡格式：使用基於 WebSocket 的輕量級協議，比許多傳統技術更高效。

- 廣泛的路由支持：支持單頁應用（SPA）、多頁應用（MPA）以及它們的混合，並支持嵌套路由和同步/異步路由。

這個框架特別適合需要快速渲染並且希望減少客戶端 JavaScript 負擔的應用程序。它通過伺服器強大的渲染能力來提供豐富且互動性強的用戶界面，同時保持首次有意義的繪製（FP）速度非常快。

如果你的項目有輕量客戶端和快速互動的需求，ts-liveview 可以是一個非常好的選擇。