Summary
In this chapter, we explored the routing and layout of Blazor, which are essential components for constructing the navigation hierarchy of our application. By the end of this chapter, we are now capable of executing basic navigation, similar to the functionality offered by the XAML version of our app.
Throughout the UI construction process in this chapter, we observed that the UI design technique of Blazor aligns with conventional web UI design practices. This allows for the reuse of code from existing frameworks, such as Bootstrap.
When creating a custom UI, it is often beneficial to design the initial layout in a playground first. Once satisfied with the UI design, the HTML and CSS code can be copied into a Razor file to construct a Razor component. Several playgrounds popular among frontend developers can also be utilized by Blazor developers, including CodePen, JSFiddle, CodeSandbox, and StackBlitz.
In this chapter, we utilized Bootstrap examples to construct...
