WebComponents Nativos: Cómo pasar propiedades

WebComponents Nativos: Cómo pasar propiedades

En un post anterior vimos como crear un webcomponent de forma nativa, sin librerías. Utilizando puro JavaScript y las APIS del navegador (CustomElements v1 y ShadowDOM v1) Este artículo extiende el anterior para ver como podríamos pasar propiedades a un WebComponent. Añadiendo una propiedad al Web Component Voy a tomar...
Leer más
ES6 Tagged Template Literals

ES6 Tagged Template Literals

ECMAScript v6, la nueva versión del estándar de JavaScript, ha traído muchas novedades y hay una de ellas que ha pasado desapercibida y me parece muy interesante. Son las ES6 Tagged Template Literals. Pero antes veamos un poco de introducción. Template Strings Como sabrás si has estado pendiente de las...
Leer más
Cómo funciona Redux. Conceptos básicos

Cómo funciona Redux. Conceptos básicos

En el anterior post vimos que era y cómo funcionaba la arquitectura Flux. Siendo de alguna manera, un sustituto o evolución del patrón Modelo-Vista-Controlador. Al igual que existe la programación orientada a objetos y existen lenguajes que lo implementan (Como Java por ejemplo), o el patrón MVC y existen frameworks...
Leer más
¿Qué es Flux? Entendiendo su arquitectura

¿Qué es Flux? Entendiendo su arquitectura

Como suele pasar en el desarrollo Front-End de los últimos años, existe un gran número de librerías, frameworks y herramientas que si uno no está más o menos pendiente y al día, resulte abrumador. El motivo de este post es explicar qué es exactamente Flux y cómo funciona. Arquitectura Flux...
Leer más
Mi experiencia cambiando de AngularJS a ReactJS

Mi experiencia cambiando de AngularJS a ReactJS

En este artículo quiero contar mi experiencia de trabajar con Angular durante un tiempo y mi cambio a React hace unos meses. No se trata de un post de "Angular vs React" ambas me parecen buenas tecnologías, si no simplemente quiero mostrar que cosas hicieron que dejase Angular y probase...
Leer más
Cómo hicimos #NavidadConFirebase en Youtube

Cómo hicimos #NavidadConFirebase en Youtube

Las pasadas navidades, un grupo de desarrolladores nos juntamos para crear una iniciativa que consistía en enseñar a través de Youtube cómo integrar Firebase en diferentes tecnologías. Durante 1 mes, semana a semana, nos encargamos de hacer un pequeño proyecto, grabarnos explicando cómo se hacía y publicábamos el código fuente....
Leer más
Cómo crear un WebComponent de forma nativa

Cómo crear un WebComponent de forma nativa

Gracias a los custom elements cualquier desarrollador web puede crear sus propios componentes HTML. Es decir, un nuevo tag HTML que "esconde" dentro su propia funcionalidad, diseño y layout. En este artículo te voy a contar como puedes crear tu propio Web Component desde cero, sin necesidad de utilizar librerías...
Leer más
Formas de crear un Componente en React

Formas de crear un Componente en React

Un componente en React puede crearse de diferentes formas dependiendo de la versión de JavaScript que estemos utilizando y del propósito del componente. En este artículo recopilo las diferentes formas que existen y en que situación se suele utilizar cada una de ellas. Vamos allá Componente de React con ES5...
Leer más