Hugging Face Gradio、単一Pythonファイルでのカスタムフロントエンドコンポーネントを実現
hugging face gradioは、単一のgr.htmlサブクラスを通じて複雑なカスタムフロントエンドをサポートするようになり、別途のビルドステップが不要になった。開発者はthree.jsの3Dコントロール、リアルタイム文字起こし表示、ネイティブなドラッグ&ドロップのカンバンボードを、reactを使わずにpythonパイプラインへ直接統合できる。
Hugging FaceのGradioチームは、`gr.HTML`のみを使用して複雑でカスタマイズされたWebコンポーネントを作成する方法を導入した。このアプローチにより、開発者は3Dカメラコントローラー、検出ビューア、生産性ボードなどの再利用可能なUIコンポーネントを、ビルドステップやReactのような外部JavaScriptフレームワークを必要とせずに、単一のPythonファイル内で作成できる。アーキテクチャは、Pythonステートインジェクションに`${value}`、JavaScript更新に`props.value`、Pythonへの同期には`trigger('change')`を使用する。これにより、LLMが数秒でフルスタックインタラクティブアプリを生成し、すぐにHugging Face Spacesにデプロイできる「バイブコーディング」ワークフローを容易にする。