Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/danroth27/blazorwebappapicall

Blazor Web App that calls an API
https://github.com/danroth27/blazorwebappapicall

Last synced: 28 days ago
JSON representation

Blazor Web App that calls an API

Host: GitHub
URL: https://github.com/danroth27/blazorwebappapicall
Owner: danroth27
License: mit
Created: 2023-12-05T07:08:50.000Z (12 months ago)
Default Branch: main
Last Pushed: 2023-12-06T23:53:05.000Z (11 months ago)
Last Synced: 2023-12-07T02:31:24.719Z (11 months ago)
Language: CSS
Size: 114 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.txt

Awesome Lists containing this project

README

# Blazor Web App with an API call

This sample updates the `Weather`` page in the default Blazor Web App to make an API call from the client to the server when the page is prerendered and uses the Auto render mode.

- The `Weather` component depends on an `IWeatherService` for getting the weather data. This insulates the component from needing to know where it is running.
- The server project has a `WeatherService` that generates the weather data and is exposed as an API endpoint.
- The client project has a `WeatherService` that calls the server API endpoint to get the weather data.
- The `Weather` page is prerendered using static streaming rendering, so the page loads immediately with a "Loading..." placeholder and then is updated with the weather data.
- The `Weather` page then renders using the Auto interactive render mode, so it renders initially from the server over a WebSocket while the .NET runtime is downloaded, and then switches to WebAssembly for future visits.
- The `Weather` page persists its prerendered state so that the state can be reused when the page renders interactively.
- Links to the `Weather` page disable enhanced navigation (`data-enhance-nav="false"`), which is currently incompatible with persisted component state ([dotnet/aspnetcore#51584](https://github.com/dotnet/aspnetcore/issues/51584))