Crea SPAs con C# en el Back-End usando Blazor Server
Introduccion:
Blazor es un framework que permite desarrollar aplicaciones web interactivas utilizando C# y .NET, en lugar de depender solo de JavaScript. Se basa en WebAssembly y ofrece una experiencia similar a frameworks como Angular o React, pero completamente integrado con el ecosistema .NET.
¿Por qué usar Blazor?
– Permite reutilizar lógica de negocio entre el backend y el frontend
– Usa C# en lugar de JavaScript para la lógica de la UI
– Integración fluida con ASP.NET Core
– Soporta componentes reutilizables
– Ofrece dos modelos de ejecución:
- Blazor Server: Renderiza en el servidor y mantiene la UI sincronizada en tiempo real
- Blazor WebAssembly: Corre directamente en el navegador sin necesidad de un backend continuo
Blazor es una excelente alternativa para los desarrolladores .NET que quieren crear aplicaciones modernas sin salir de su stack tecnológico.
Creación de una aplicación Blazor
- Abre Visual Studio y crea una nueva app de tipo
Blazor
- Entra en Components/Pages/Counter.razor.
Éste componente aparece por defecto de prueba, y es un simple botón que suma una cifra a un contador cada vez que se hace click sobre él.
El apartado de @code es el que llevará toda la lógica de nuestro code, y nos permitirá escribir código C# que ejecute lógicas de JavaScript.
- Ejecuta el programa y comprueba que el contador funciona
Ahora, podrás implementar nuevos componentes con tu código Blazor y simular el funcionamiento de una SPA en C#.
¿Tienes preguntas sobre este tutorial o necesitas ayuda con algún aspecto específico? ¡No dudes en preguntar en la sección de comentarios!
Autor: Víctor Castrillo Redondo
Máster: Desarrollo Web Full Stack + MultiCloud
Centro: Tajamar Tech
Año académico: 2024-2025
Otros datos de interés:
- GitHub: https://github.com/CastrilloRedondoVictor
- LinkedIn: https://www.linkedin.com/in/v%C3%ADctor-castrillo-redondo-a45802262/