Inleiding

Solid WMS had besloten Blazor als hun frontend framework te adopteren. In een wereld waarin webontwikkeling snel evolueert, vertegenwoordigt deze keuze een belangrijke strategische beslissing. Blazor, een relatief nieuwe speler op het veld, onderscheidt zich door het aanbieden van webontwikkeling in C# in plaats van JavaScript. Maar wat dreef Solid WMS naar deze keuze, vooral in vergelijking met gevestigde rivalen als Angular, React en Vue.js?

Blazor is een open-source webframework dat onderdeel uitmaakt van de ASP.NET Core frameworkfamilie, ontwikkeld door Microsoft. Het is uniek omdat het ontwikkelaars in staat stelt om interactieve webgebruikersinterfaces te bouwen met C# in plaats van JavaScript. Dit biedt een aanzienlijk voordeel voor teams die reeds ervaring hebben met .NET en C#, omdat zij dezelfde taal kunnen gebruiken voor zowel de frontend- als backendontwikkeling.

Hoe Blazor Werkt

1. .NET Running in the Browser: Een van de kerninnovaties van Blazor is het gebruik van WebAssembly (vaak afgekort als wasm). WebAssembly is een open standaard die het mogelijk maakt code te draaien in de webbrowser met prestaties die dicht bij native applicaties liggen. Dankzij WebAssembly kan Blazor .NET-code in de browser draaien zonder plugins of hercompilatie naar JavaScript.
2. Components: Blazor-applicaties zijn opgebouwd uit herbruikbare componenten. Een component in Blazor is een blok van gebruikersinterface (UI), zoals een pagina, dialoogvenster of formulier, dat bestaat uit C#-code, HTML en eventueel CSS. Deze componenten kunnen onafhankelijk worden getest en gebruikt in verschillende delen van de applicatie.
3. Interactiviteit: Blazor maakt gebruik van een event-driven model, wat betekent dat de UI reageert op gebruikersinteracties (zoals knoppen klikken, formulieren invullen, etc.) door middel van event handlers, geschreven in C#. Dit maakt het voor ontwikkelaars gemakkelijk om rijke, interactieve interfaces te creëren.
4. Data Binding: Blazor ondersteunt data binding, wat inhoudt dat de UI automatisch kan worden bijgewerkt wanneer de onderliggende data verandert, en vice versa. Dit maakt het bouwen van dynamische formulieren en interfaces veel efficiënter.
5. Integratie met .NET Ecosystem: Blazor werkt naadloos samen met bestaande .NET bibliotheken en tools, waardoor ontwikkelaars toegang hebben tot een rijk ecosysteem van bestaande code en functionaliteit.

Gebruiksscenario’s voor Blazor

• SPA (Single Page Applications): Blazor is bijzonder geschikt voor het bouwen van SPA’s, waarin gebruikers kunnen navigeren zonder de pagina te hoeven herladen.
• Enterprise Web Applications: Bedrijven die al zwaar geïnvesteerd hebben in .NET kunnen Blazor gebruiken om hun bestaande codebase en vaardigheden te benutten voor het bouwen van moderne webapplicaties.
• Mobiele Apps (via Blazor WebAssembly): Blazor WebAssembly kan worden gebruikt om client-side applicaties te bouwen die draaien op mobiele apparaten in de browser.

Waarom Blazor

Blazor stelt ontwikkelaars in staat om interactieve web UI’s te bouwen met C# in plaats van JavaScript, wat betekent dat backend en frontend code in dezelfde taal kan worden geschreven. Voor een .NET-georiënteerd product als Solid WMS, biedt dit naadloze integratie en een vlakke leercurve voor de ontwikkelingsteams.

De integratie met de bestaande .NET-architectuur was een cruciale factor in onze keuze voor Blazor,” leggen de architecten van Solid WMS uit. “Het vermogen om onze backend logica moeiteloos te hergebruiken in de frontend, zonder de complexiteit van een andere taal, heeft onze ontwikkelingstijd aanzienlijk verkort.

Blazor vs Angular

Angular, bekend om zijn robuuste ecosysteem en krachtige features, is een van de meest populaire frameworks. Echter, de complexiteit en de vereiste kennis van TypeScript kan een hindernis vormen.

Terwijl Angular indrukwekkend is in zijn functionaliteit, vonden we de complexiteit en overhead van TypeScript minder aantrekkelijk,” zeggen de ontwerpers van Solid WMS. “Blazor, daarentegen, biedt een gestroomlijnde aanpak die beter aansluit bij ons huidige technologiestack.

Blazor vs React

React, ongetwijfeld een van de meest populaire frontend frameworks, biedt een robuuste, component-gebaseerde aanpak. Echter, voor ons team bij Solid WMS, was de leercurve en de afhankelijkheid van JavaScript een belangrijke overweging. Blazor kwam als een natuurlijke keuze naar voren, omdat het ons toestond om onze bestaande C# expertise te benutten en efficiëntere ontwikkelingsprocessen te implementeren.

Blazor vs Vue.js

Vue.js staat bekend om zijn flexibiliteit en eenvoudige integratie. Hoewel het een aantrekkelijke optie is voor vele projecten, vereist het nog steeds een duik in het JavaScript-ecosysteem, iets wat Solid WMS wilde vermijden.

Vue.js was zeker in de running vanwege zijn eenvoud en flexibiliteit. Echter, onze prioriteit lag bij het handhaven van een homogene codebase, en Blazor paste perfect in dat plaatje,” reflecteert een van de ontwikkelaars.

Conclusie

De keuze voor Blazor door Solid WMS benadrukt een groeiende trend in de industrie: het zoeken naar efficiëntie en synergie tussen backend en frontend ontwikkeling. Terwijl frameworks als Angular en Vue.js hun sterke punten hebben, was het de unieke benadering van Blazor die uiteindelijk de doorslag gaf voor Solid WMS. Met deze technologie zet Solid WMS een stap richting een meer geïntegreerde en gestroomlijnde toekomst in webontwikkeling.