React Poster

React.js | Compilar Sass

Aunque hay muchas formas de escribir estilos cuando trabajamos con React.js, es bastante habitual usar Sass, que no es más que CSS con superpoderes, para escribir las hojas de estilos pero que requieren de una pequeña librería para compilar lo que hemos escrito en reglas CSS puras. Es aquí donde entraba el archiconocido node-sass que tantos quebraderos de cabeza solía dar, pero…

Continue reading…
React JS

React.JS | Cómo crear Web Components

Aunque el concepto de React.JS y Web Components es muy parecido en el fondo, crear componentes reutilizables, resuelven problemas diferentes porque se aplican a contextos muy distinto ya que, Web Components se basa en crear mini-componentes que puedan ser incrustados en cualquier desarrollo web y en React.JS se crean componentes que pueden ser reutilizados dentro de cualquier desarrollo con React. Pero ¿es posible mezclar ambos mundos? La respuesta es, y además de una forma muy sencilla.

Continue reading…
React JS

React.JS | Theming con JSS

En ocasiones, al desarrollar aplicaciones web es necesario realizar un diseño que acepte el cambio de Tema para adaptarlo a las necesidades del cliente de forma dinámica y que pueda personalizar su experiencia. Si estamos usando React.JS junto con JSS para aplicar los estilos, podemos hacerlo de forma manual añadiendo el código necesario o, usar la característica de Theming de JSS.

Continue reading…
Azure Functions y Netherite

Azure Durable Functions | Usando Netherite como Storage Provider

En mayo de este año 2021, Microsoft anunció la llegada de nuevos proveedores de almacenamiento (Storage Providers) para mejorar el rendimiento de Azure Durable Functions ya que, en algunos casos, se requiere de mayor rendimiento, fiabilidad o flexibilidad. En este artículo veremos cómo cambiar el Storage Provider a Netherite, cómo funciona y qué ventajas nos aporta.

Continue reading…

.Net 6 | Añadir ficheros y otros orígenes de configuración en una aplicación Web o Api

Ahora que tenemos .Net 6 disponible para desarrollar, es necesario que nos acostumbremos a ciertos cambios en cuanto a la configuración y ubicación de determinados fragmentos de código así como a nueva nomenclatura y significativos cambios que tienen el fin de simplificar el desarrollo. Entre estos cambios, se encuentra especificar los ficheros y otros orígenes de configuración de nuestras aplicaciones, es decir, de dónde se tomarán los valores de las variables de entorno y configuración a la hora de ejecutar las aplicaciones.

Continue reading…

.Net 6 | No encuentro el fichero Startup.cs

Para los desarrolladores de .Net, es habitual usar el archivo Startup.cs, que viene por defecto en ciertas plantillas de proyecto, entre ellas las de proyectos de Web y de Api, para realizar determinadas tareas que deben ejecutarse al inicio, como determinar los orígenes de las variables de entorno/configuración, añadir servicios al contenedor de dependencias, etc. e incluso aprendimos a añadirlo en proyectos de consola donde no viene por defecto. Pero, al crear un proyecto de Web y de Api con .Net 6, podemos apreciar que ya no existe este fichero Startup.cs. ¿Y ahora dónde ponemos nuestra configuración?

Continue reading…
React JS

React.js | Variables de entorno

Al desarrollar un proyecto siempre es necesario disponer de diferentes entornos para poder desarrollar y testear antes de pasar a producción. Así, es habitual tener entornos de Desarrollo, Pre-Producción y Producción aunque también podemos encontrarnos con escenarios con más (o menos) entornos. Por ello, es necesario disponer de variables de entorno que puedan ser configurables de forma automática a la hora de compilar/ejecutar nuestras aplicaciones react, tales como URLs de Apis, Client Ids, etc.

Continue reading…

Global Azure | Nuevo nombre, nuevo formato, doble sesión

Los pasados días 23, 24 y 25 tuve la fortuna de participar, un año más, en el Global Azure como Organizador y ponente. En esta nueva edición además, participé en el track global con dos sesiones junto a mi gran amigo Diego Zapico, además de participar en el track español en formato entrevista junto a muchísimos cracks en las tecnologías que forman parte de Azure.

Continue reading…
Web security

Azure App Service | Añadir certificado SSL de forma gratuita

Cuando creamos una aplicación o un sitio web es necesario que le instalemos un certificado SSL para permitir una comunicación segura entre los usuarios que accedan y el servidor. Además, hacerlo generará confianza en los usuarios evitando que los navegadores les muestren un mensaje indicando que nuestro sitio web es inseguro y, los buscadores le otorgarán un mejor posicionamiento premiando así la seguridad. Si desplegamos nuestro sitio web en Azure App Service, es posible crear y añadir este certificado de forma sencilla y gratuita usando los Certificados administrados para App Service.

Continue reading…