Blazor でかんたんなサンプル SPA を作った

前回の記事では、Blazor についてざっくり解説したが、せっかくなのでシンプルなサンプルも作ってみた。

github.com

動くデモはこちら。 GitHub からリポジトリを検索して表示するだけのかんたんなサンプル。

Containers/Components で分けて、状態の管理とか API への問い合わせとかは Containers 側に集約するような構成にしてみた。 ブラウザから GitHub API への問い合わせは、Container に @inject HttpClient httpClient と書けば、HttpClient のインスタンスが Inject されてくるので、普通に GetJsonAsync<T>() するだけでちゃんと動く。

@inject HttpClient httpClient

@functions {
    var result = await httpClient.GetJsonAsync<T>(uri);
}

いろいろ雑だけど、とりあえず動くものはパパっと作れますよという例として。