{"id":13880918,"url":"https://github.com/beenotung/ts-liveview","last_synced_at":"2025-04-13T00:49:35.440Z","repository":{"id":37347548,"uuid":"254544015","full_name":"beenotung/ts-liveview","owner":"beenotung","description":"Build hybrid SSG and SSR realtime SPA/MPA with Typescript","archived":false,"fork":false,"pushed_at":"2025-04-11T03:12:24.000Z","size":3192,"stargazers_count":178,"open_issues_count":14,"forks_count":2,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-04-13T00:49:31.208Z","etag":null,"topics":["html-streaming","liveview","realtime-application","server-side-rendering","starter-kit","starter-template","tsx","typescript"],"latest_commit_sha":null,"homepage":"https://liveviews.cc","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-2-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/beenotung.png","metadata":{"files":{"readme":"README-zh.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-04-10T04:31:47.000Z","updated_at":"2025-04-11T03:11:23.000Z","dependencies_parsed_at":"2023-02-18T21:50:17.438Z","dependency_job_id":"dd7b714c-9af6-4346-a06c-8359cddd2ff9","html_url":"https://github.com/beenotung/ts-liveview","commit_stats":{"total_commits":483,"total_committers":1,"mean_commits":483.0,"dds":0.0,"last_synced_commit":"1cff75e68eadafb1d007295d10aa7a51814d928f"},"previous_names":[],"tags_count":134,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/beenotung%2Fts-liveview","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/beenotung%2Fts-liveview/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/beenotung%2Fts-liveview/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/beenotung%2Fts-liveview/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/beenotung","download_url":"https://codeload.github.com/beenotung/ts-liveview/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248650436,"owners_count":21139672,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html-streaming","liveview","realtime-application","server-side-rendering","starter-kit","starter-template","tsx","typescript"],"created_at":"2024-08-06T08:03:39.408Z","updated_at":"2025-04-13T00:49:35.422Z","avatar_url":"https://github.com/beenotung.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# ts-liveview\n\nts-liveview 是一個用於構建混合靜態站點生成（SSG）和伺服器端渲染（SSR）的實時單頁應用程序（SPA）或多頁應用程序（MPA）的框架。它使用 TypeScript 來增強開發體驗，並提供以下幾個主要特點：\n\n- 輕量級客戶端：ts-liveview 的客戶端運行時小於 13KB（打包、壓縮和 gzip 壓縮後為 2.3KB），這使得初始加載非常快速。\n\n- 不依賴虛擬 DOM：與其他前端框架（如 React 或 Vue）不同，ts-liveview 不使用虛擬 DOM。它透過應用特定的事件處理器來推導出精確的 DOM 操作，這些操作隨後被發送到瀏覽器客戶端，以實時更新用戶界面。\n\n- 支持 JSX：開發者可以使用 JSX 來編寫 UI，這為許多開發者提供了熟悉的語法。\n\n- 混合渲染模式：支持在啟動時進行預渲染，請求時進行伺服器端渲染，以及運行時實時更新，充分利用了伺服器和客戶端的優勢。\n\n- 效率高的網絡格式：使用基於 WebSocket 的輕量級協議，比許多傳統技術更高效。\n\n- 廣泛的路由支持：支持單頁應用（SPA）、多頁應用（MPA）以及它們的混合，並支持嵌套路由和同步/異步路由。\n\n這個框架特別適合需要快速渲染並且希望減少客戶端 JavaScript 負擔的應用程序。它通過伺服器強大的渲染能力來提供豐富且互動性強的用戶界面，同時保持首次有意義的繪製（FP）速度非常快。\n\n如果你的項目有輕量客戶端和快速互動的需求，ts-liveview 可以是一個非常好的選擇。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbeenotung%2Fts-liveview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbeenotung%2Fts-liveview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbeenotung%2Fts-liveview/lists"}