Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
.NET MAUI Cross-Platform Application Development

You're reading from   .NET MAUI Cross-Platform Application Development Build high-performance apps for Android, iOS, macOS, and Windows using XAML and Blazor with .NET 8

Arrow left icon
Product type Paperback
Published in Mar 2024
Publisher Packt
ISBN-13 9781835080597
Length 496 pages
Edition 2nd Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
Roger Ye Roger Ye
Author Profile Icon Roger Ye
Roger Ye
Arrow right icon
View More author details
Toc

Table of Contents (18) Chapters Close

Preface 1. Part 1: Exploring .NET MAUI FREE CHAPTER
2. Getting Started with .NET MAUI 3. Building Our First .NET MAUI App 4. User Interface Design with XAML 5. Exploring MVVM and Data Binding 6. Navigation Using .NET MAUI Shell and NavigationPage 7. Software Design with Dependency Injection 8. Using Platform-Specific Features 9. Part 2: Implementing .NET MAUI Blazor
10. Introducing Blazor Hybrid App Development 11. Understanding Blazor Routing and Layout 12. Implementing Razor Components 13. Part 3: Testing and Deployment
14. Developing Unit Tests 15. Deploying and Publishing in App Stores 16. Other Books You May Enjoy
17. Index

Understanding Razor syntax

Blazor applications are composed of Razor components. As discussed in Chapter 3, User Interface Design with XAML, XAML is a language that has its roots in XML. UI elements based on XAML consist of XAML pages and their corresponding C# code-behind files. Razor components closely resemble this pattern, with the primary difference being that Razor employs HTML as its markup language and C# code can be directly embedded within the HTML. Alternatively, we can opt to separate the C# code into a code-behind file, thus maintaining a clear distinction between the UI and its underlying logic.

Code blocks in Razor

To create the simplest Razor component, it would appear as follows:

<h3>Hello World!</h3>
@code {
  // Put your C# code here
}

In the previous example, we can design our page similarly to an HTML page while incorporating programming logic within a code block. Razor pages or Razor components are generated as C# classes, with the...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image