Hugging Face Gradio 支援單 Python 檔案構建自定義前端組件
hugging face gradio 現支援透過單個 gr.html 子類別構建複雜定制前端,無需獨立建構步驟。開發者可將 three.js 3d 控件、即時轉錄顯示或原生看板直接整合到 python 流程中,無需 react。
Hugging Face 的 Gradio 團隊介紹了一種使用 `gr.HTML` 構建複雜、自訂網頁元件的方法。這種方法允許開發人員在單個 Python 檔案中建立可重複使用的 UI 元件,例如 3D 相機控制器、偵測檢視器和生產力板,而無需建置步驟或外部 JavaScript 框架,如 React。該架構使用 `${value}` 進行 Python 狀態注入,`props.value` 進行 JavaScript 更新,以及 `trigger('change')` 同步回 Python。這促進了「vibe coding」的工作流程,LLM 可以在幾秒鐘內生成全棧互動式應用程式,並立即部署到 Hugging Face Spaces。