國外瘋傳的 跨平臺 UI 框架 "力量之神" 發布！RN/Flutter 危？
"我們只想做一件事：讓跨平臺代碼既能『秒級熱重載』，又能跑出『原生幀率』。" —— Valdi 官方 README
如果你還以為跨平臺框架的戰爭已經塵埃落定，React Native 和 Flutter 二分天下，那 Snapchat 剛剛甩出的這張王牌可能會狠狠打你的臉。
它叫 Valdi，在 Snapchat 里悄悄服役 8 年、扛住 8.5 億月活的洪荒流量；開源僅 7 天，GitHub 星標一路沖過 4.2 k，Fork 數破百，直接霸榜 Trending。
今天，我們就來揭開這位"新王"的神秘面紗——
什么是 Valdi？
Valdi 是 Snapchat 開源的 TypeScript-First 跨平臺 UI 框架，用 TSX 寫聲明式界面。
編譯后直接生成 iOS / Android / macOS 原生 View，既無 WebView，也無 JS Bridge，性能拉到原生級，卻能享受 毫秒熱重載 和 npm 生態。
一句話：React 的手感，原生的速度。
為什么 Snapchat 要自己造輪子？
故事得從 2016 年說起。Snapchat 用戶數爆炸，功能迭代越來越快：
- React Native 剛出，性能瓶頸明顯，動畫掉幀、List 滑動卡頓；
- Flutter 尚未發布，自繪引擎對原生組件的"像素級模仿"讓 Snap 擔心體驗割裂；
- 純原生開發又意味著 iOS/Android 兩套代碼，Feature Flag 管理痛不欲生。
于是 Snap 決定"梭哈"——拉起一支小分隊，用 TypeScript 寫 UI，再讓編譯器直接吐出 OC/Swift + Java/Kotlin 的原生控件，徹底繞過 JS Bridge。
內部代號 "Valdi"（源自北歐神話的"力量之神"），目標只有一個：讓一份代碼跑得和原生一樣快。
8 年過去，Valdi 經歷了 200+ 版本、5000+ 次 MR、日活 8.5 億用戶"在線毒打"，終于打磨成 Snap 的"定海神針"。現在，它開源了。
Valdi 的核心優勢
維度 | Valdi 做法 | 收益 |
語言 | TypeScript + TSX | React 開發者零成本 |
渲染 | 編譯 → 原生 View | 0 橋接，原生幀率 |
性能 | 自動視圖回收、增量渲染、多線程 JS | 1 萬條聊天滑動內存僅漲 7 MB |
熱重載 | 文件保存 → 200 ms 內刷新 | 不丟狀態、不重啟 App |
類型安全 | 自動生成 TS ? 原生綁定 | 編譯期就堵空指針 |
混合集成 | 雙向嵌入，隨用隨遷 | 老項目可一頁一頁漸進替換 |
5 分鐘跑起來：iOS & Android 實戰
① 前置依賴（一次性）
brew install bazel node
npm i -g typescript tsx
git clone https://github.com/Snapchat/Valdi.git
export PATH=$PWD/Valdi/toolchain:$PATH② 創建工程
valdi new AwesomeApp
cd AwesomeApp③ 寫個組件（src/ui/Home.tsx）
import { Component } from '@valdi/core';
export class Home extends Component {
onRender() {
return (
<view backgroundColor="#FFFC00" padding={20}>
<label value="Hello Valdi ??" fnotallow={18} />
<button title="點我" notallow={() => alert('來自原生按鈕！')} />
</view>
);
}
}④ 跑起來
# iOS（模擬器）
cd ios && pod install && cd ..
valdi dev --ios
# 用 Xcode 打開 ios/*.xcworkspace ?? Run
# Android
valdi dev --android
# Android Studio 打開 android/ ?? Run保存文件 → 200 ms 內看到刷新，break point 直接斷在 TS 源碼。
Valdi vs React Native vs Flutter
維度 | Valdi | React Native | Flutter |
渲染 | 原生 View | JS Bridge + 原生組件 | Skia 自繪 |
語言 | TypeScript | JavaScript / TypeScript | Dart |
性能 | 原生幀率 | 橋接損耗 | 高但非原生 |
包體積 | +1.8 MB | +3~5 MB | +4~7 MB |
熱重載 | 200 ms | 1 s+ | 500 ms |
Web 支持 | 2026 Q2 | ? | ? |
生態 | 初建，npm 通用 | 成熟 | 豐富 |
混合集成 | 隨用隨遷 | 復雜 | 需 Flutter Engine |
當前局限 & 風險
限制 | 官方 Roadmap |
僅 macOS / Linux 開發 | Windows 版 2026 Q1 |
Web 尚未支持 | 2026 Q2 |
UIKit / Android View 只適配完 | SwiftUI / Compose 進行中 |
復雜圖表、地圖需自橋 | 社區共建 |
Beta-0.0.1，API 可能微調 | 正式版 2026 Q1 |
建議：先在獨立模塊或小業務試水，別 all in。
寫在最后：Valdi 能不能成為下一個主流？
React Native 有生態護城河，Flutter 有自繪性能，但 Valdi 走出第三條路線：把"TypeScript 的研發效率"直接編譯成"原生 View 的運行性能"，讓跨平臺第一次不妥協。
8 年實戰、8.5 億用戶、4.2 k star，Snapchat 已經把坑踩完?，F在，輪到你上場了。
倉庫地址 ??：https://github.com/Snapchat/Valdi
