Summary
In this chapter, we introduced the routing and layout of Blazor. These are the components that we can use to build the navigation hierarchy of our app. By the end of this chapter, we can now perform basic navigation as in the XAML version of our app.
When we built the UIs in this chapter, we saw that the UI design technique of Blazor is the same as web UI design. We can reuse the code from an existing framework, such as Bootstrap.
If we want to create the UI on our own, we can work on the initial design in a playground first. After we are satisfied with the UI design, we can copy HTML and CSS code into our Razor file to build a Razor component. There are many playgrounds used by frontend developers, such as CodePen, JSFiddle, CodeSandbox, and StackBlitz.
In this chapter, we reused Bootstrap examples to build our UIs. Even though this is a straightforward way to implement a web UI, there are many duplicated codes created. In the next chapter, we will refine our code...
