Blazor es una nueva plataforma que te ayudará a crear Aplicaciones de Páginas Únicas (SPA) mediante C#. Es una revolución en lo que refiere a tecnologías de Microsoft y apunta a desterrar a otras herramientas populares del sector como Vue, Angular y React. En este artículo exploramos porque Blazor es una revolución en el desarrollo web, sus alcances y limitaciones.
En líneas generales, la creación de una página web requiere trabajar en dos entornos diferentes. Por un lado el servidor, o back-end, y por otra parte el cliente o front-end. Para el trabajo en el servidor, se necesitan conocimientos de lenguajes de programación como Java, .NET o PHP. Luego, la información se procesa de manera rápida en el navegador y se muestra de forma atractiva para el usuario. Ya sea mediante JavaScript, o con librerías y frameworks como Angular, Vue y Rect. Con Blazor la revolución llega a las formas de diseño web. Te facilitará los procedimientos de manera notable.
Los requisitos para desarrollo web y cómo Blazor propone una revolución
Al necesitar conocimientos para trabajar en los dos entornos, las empresas desarrolladores de web necesitan profesionales con conocimientos muy extensos en lenguajes variados. Blazor viene a reducir esto, a traer una revolución que permita crear aplicaciones web solamente mediante el lenguaje C#.
C# es un lenguaje de programación muy utilizado por programadores de back-end, pero que a partir de esta propuesta también permitirá trabajar front-end. Esto ayudará a reducir las exigencias tecnológicas, centralizando y acelerando el trabajo para los desarrolladores web. Para entender mejor los alcances y la revolución que supone Blazor, hay que conocer también sobre las librearías y frameworks más comunes en el mundo del desarrollo web.
JavaScript
El lenguaje de programación JavaScript apareció en 1995 y tenía un objetivo puntual: hacer las páginas web más dinámicas y con mayor interacción. De esta época son las primeras apps web y sitios que empezabana incorporar formularios complejos.
La velocidad de navegación era lenta en esa época, y se busco un lenguaje que se ejecutará primero en el navegador y posteriormente en el servidor, De esta forma, ante un error del usuario, no había que esperar la respuesta del servidor sobre errores existentes. La corrección era manual y previa al envío de la información.
Gracias a JavaScript se añadió una gran agilidad para la interacción web en la época. Además se empezaron a visualizar elementos como animaciones 2D, gráficos 3D, validaciones para formularios e interacciones con mapas, entre otras. En cuanto a limitaciones, JavaScript presenta las siguientes:
- No permite acceder directamente a la información de la base de datos, por lo tanto siempre tiene que haber conexión al servidor mediante una API.
- No ejecuta múltiples procesos en simultáneo.
- No está pensada para crear apps de mediana o gran escala. Por eso aparecieron nuevos Frameworks y librerías adicionales como React, Vue y Angular que mejoran los proyectos JavaScript.
JQuery
Esta es una biblioteca que facilita el trabajo con JavaScript. Añade funcionalidades para evitar el uso masivo de código y esto se traduce en resultados más efectivos en menor tiempo y consumiendo menos espacio. Esta biblioteca empezó a perder popularidad por su tamaño y peso luego de que el algoritmo de Google empezará a posicionar mal los sitios web diseñados con ella.
La aparición de TypeScript, una revolución previa a Blazor
En 2012 Microsoft crea TypScript. Se trata de un lenguaje propio de programación creado sobre JavaScript, pero apuntado a resolver sus carencias. Se puede usar para formular los mismos tipos de JavaScript pero con una representación estática de los tipos dinámicos. Define variables y funciones tipadas pero sin perder la esencia de JavaScript . Reduce los errores en tiempos de ejecución, es compatible con todas las libreríasy frameworks del front-end y mejora el rendimiento general.
El punto negativo es que se debe traspilar a JavaScript para que el navegador lo pueda soportar. Se añade un paso al desarrollo, aunque bastante automatizado gracias a los compiladores nativos.
Las librerías y frameworks para apps web de última generación
El último paso antes de hablar de lleno de Blazor es conocer las librerías y frameworks basados en JavaScript y que hoy se usan para apps de última generación. Las tres más importantes son React, Angular y Vue.
Angular es de código abierto y la empresa desarrolladora es Google. Facilita la creación de apps web SPA, implementa un modelo de Vista Controlador y también soporta TypeScript para potenciar el uso de JavaScript en general. Es compatible con HTML y directas para la inserción de lógica con Templates. Las apps que crea Angular son mucho más dinámicas y ágiles, permite reutilizar código y convierte los componentes a web nativos.
React también es de código abierto, usa un componente llamado JSX y recopila la lógica y el marcado en un mismo componente. Combina HTML, CSS y JavaScript, todo en un mismo paquete. Es capaz de reutilizar el código en diferentes partes de la aplicación con solo un clic. Es la tecnología front-end más utilizada hoy en día, pero como se trata de una librería, necesita otros componentes para el desarrollo de aplicaciones web.
Por último, Vue es un framework front-end progresivo para crear interfaces de usuario mediante JavaScript. Funciona como una capa añadida a JavaScript y que trabaja por componentes. Con estos componentes se puede trabajar en forma de módulos, siendo fácil de escalar para iniciativas más grandes.
Blazor, una revolución y la nueva era del desarrollo de apps web
Lo que se propone con Blazor es centralizar todo el proceso de creación de apps web directamente en un único lenguaje, C#. La experiencia de creación web es moderna y de alto rendimiento, y cuenta con el soporte de Microsoft.
Es un poderoso framework de Microsoft que nace con la necesidad de crear un entorno de trabajo para Single Page Application para desarrolladores .NET. Puedes crear apps web mediante HTML, CSS y C#, y sin necesidad de conocer JavaScript. De esta manera, el código se escribe de la misma forma tanto en el front-end como en el back-end.
Con C# podrás llamar funciones de JavaScript y viceversa. El resultado es una aplicación web vanguardista, de diseño centralizado y con gran versatilidad. Una nueva iniciativa que promete revolucionar la forma en que se entiende el desarrollo de apps web y páginas en su conjunto.