https://github.com/Dreamescaper/BlazorBindings.Maui

MAUI Blazor Bindings - Build native and hybrid MAUI apps with Blazor
https://github.com/Dreamescaper/BlazorBindings.Maui

blazor dotnet maui

Last synced: 3 months ago
JSON representation

MAUI Blazor Bindings - Build native and hybrid MAUI apps with Blazor

• Host: GitHub
• URL: https://github.com/Dreamescaper/BlazorBindings.Maui
• Owner: Dreamescaper
• License: mit
• Fork: true (dotnet/MobileBlazorBindings)
• Created: 2020-11-05T21:04:19.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2024-02-27T22:30:44.000Z (8 months ago)
• Last Synced: 2024-04-08T02:16:18.749Z (7 months ago)
• Topics: blazor, dotnet, maui
• Language: C#
• Homepage:
• Size: 7.62 MB
• Stars: 234
• Watchers: 18
• Forks: 17
• Open Issues: 8
• Metadata Files:
  • Readme: Readme.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-dotnet-maui - BlazorBindings.Maui - square)](https://github.com/Dreamescaper/BlazorBindings.Maui/stargazers)|[](https://github.com/Dreamescaper/BlazorBindings.Maui/commits) (Blazor)

README

        
# BlazorBindings.Maui

[![Nuget](https://img.shields.io/nuget/v/BlazorBindings.Maui)](https://www.nuget.org/packages/BlazorBindings.Maui/)

[![Join Discord](https://img.shields.io/badge/discord-join%20chat-46BC99)](https://discord.com/channels/732297728826277939/734865521400610856)

## Getting Started

Check out the documentation for how to build your first app: https://dreamescaper.github.io/MobileBlazorBindingsDocs

## What is it?

Maui Blazor Bindings enable developers to build native and hybrid mobile apps using C# and .NET for Android, iOS, Windows, macOS, and Tizen using familiar web programming patterns. This means you can use the Blazor programming model and Razor syntax to define UI components and behaviors of an application. The UI components that are included are based on MAUI native UI controls, which results in beautiful native mobile apps.

Here is a sample Counter component that renders native UI, which may look familiar to Blazor developers, that increments a value on each button press:

```xml

    You pressed @count times 

    

@code {

    int count;

    void HandleClick()

    {

        count++;

    }

}

```

Notice that the Blazor model is present with code sitting side by side the user interface markup that leverages Razor syntax with mobile specific components. This will feel very natural for any web developer that has ever used Razor syntax in the past. Now with the Experimental Mobile Blazor Bindings you can leverage your existing web skills and knowledge to build native and hybrid mobile apps using C# and .NET for Android, iOS, Windows, macOS, and Tizen.

Here is the code above running in the Android Emulator:



## About this repository

This repository is a fork of Microsoft's [Experimental MobileBlazorBindings](https://github.com/dotnet/MobileBlazorBindings), which I decided to fork and maintain separately. If at any point of time Microsoft developers decide to push that repository moving forward, I'll gladly contribute all of my changes to the original repository. 

# Code of Conduct

This project has adopted the code of conduct defined by the Contributor Covenant

to clarify expected behavior in our community.

For more information, see the [.NET Foundation Code of Conduct](https://dotnetfoundation.org/code-of-conduct).

Thank you!

 [1]: https://dotnet.microsoft.com/download/dotnet-core/3.1