¿Angular y React han muerto? ¿Larga vida a Vue?

34132529606_07fdba780c_o.jpg

Fotografía de Eric Kim

AVISO: El post de hoy trata sobre temas de actualidad. Los temas de actualidad tienen el gran problema de caducar demasiado pronto. Intenta no apoyarte en estas opiniones personales si ves que ha pasado demasiado tiempo desde su publicación. Puede que el contexto actual sea muy diferente.

Nos encontramos en una de esas semanas donde damos por muerto un framework y vitoreamos a los nuevos candidatos a ocupar su lugar en el Olimpo JavaScript. Los debates fluyen por Internet entre los partidarios de una u otra plataforma. Las virtudes y los defectos vuelan como argumentos de por qué uno u otro es mejor.

Me uno a este debate veraniego para dar mi punto de vista contestando algunas preguntas ¿Están realmente muertos Angular y React? Lógicamente no, están más sanos que nunca. ¿Está Vue preparado para ser su sucesor? No creo que sea el framework que suponga un cambio de paradigma en el desarrollo de aplicaciones front, simplemente es una opción más.

Entonces… ¿Por qué el debate? ¿Por qué este resurgir de Vue? ¿Por qué ahora React y Angular no son tan buenos? ¿Debería cambiar? ¿Debería aprender Vue?

Te contesto a todo esto en más en detalle, a continuación:

Read More

Anuncios

¿Cómo se describen los ponentes de Codemotion?: Un pequeño proyecto personal con RamdaJS

31822116903_cf19147855_o.jpg

Imagen de portada de Rachel Hahs

De vez en cuando, estás en la cama y… ¡Eureka! Una idea nueva. Hay veces que esas ideas son proyecto personales demasiado largos y no llegas a ejecutarlos, y hay otras veces que una idea surge y te permite hacer algo pequeño en un par de horas a poder ser. Con los tiempos tan ajustados que tenemos para todo, prefiero que me surjan estas pequeñas ideas. Hoy os traigo la ejecución de una de estas pequeñas ideas:

Hace una semana salió la agenda oficial de la Codemotion 2017, allí muchos conocidos y conocidas, nos contarán cosas sobre desarrollo, metodología y buenas prácticas. Una de las cosas que te pide la organización a la hora de registrar una charla, es la de describirte a ti mismo en unas cuantas frases.

Tenía curiosidad por saber cómo se describían los ponentes de esta próxima Codemotion. El lenguaje, la forma en la que nos expresamos, las palabras que utilizamos pueden ayudarnos a entender mejor a una persona, a un sector o a una sociedad. Por tanto, me parecía un buen ejercicio y quizá podía resultar bastante curioso para el que lo leyera.

Ya os digo que los resultados son los esperados y que con la poca muestra que podíamos llegar a tener, no he sacado ninguna conclusión extraordinaria, sin embargo me he divertido mucho en este miniproyecto.

Os explico a continuación cómo lo he hecho:

Read More

VueJS: Cómo crear un plugin

35684019921_23be5f8210_o.jpg

Foto de portadaa de phaminhduy

Aunque la serie de Vue haya terminado, no significa que dejemos el tema de Vue por ahora. Lo que en esa serie aprendimos es una guía con los temas más generales y que más uso vas a poder dar.

Sin embargo, existe mucha funcionalidad transversal que puede que no utilices en tu día a día, pero que en cualquier momento tengas que hacer uso de ella. Entramos en una sección de “Otras funcionalidades que quizá te sea útil conocerlas”.

Hoy empezamos con la creación de plugins en Vue:

Read More

VueJS: Aplicaciones universales con Nuxt

33109943776_dab3b6d829_o.jpg

Fotografía de portada de Chris Garcia

Si has llegado hasta aquí, ¡Enhorabuena! Estamos al final de camino. Hemos aprendido muchas cosas sobre Vue en general y sobre SSR en particular durante estas últimas semanas.

La sensación que nos dejaba vue-server-renderer era la de ser una librería con la que tener que lidiar con demasiada configuración engorrosa, que no nos ayudaba a centrarnos en lo importante: desarrollar aplicaciones.

Como os he ido prometiendo, esto, a día de hoy, tiene solución: el proyecto Nuxt ha nacido para encargarse de toda esa fontanería y ayudarnos en que focalicemos y aportemos valor lo antes posible. Por todo lo probado y leído, Nuxt me parece un proyecto con mucho futuro, por tanto creo que este post será un buen punto y final a la serie de VueJS.

Terminemos lo empezado:

Read More

VueJS: Adaptando tu proyecto a SSR

34293008720_b0882fb1f2_o.jpg

Foto de portada de Chris Garcia

Con lo visto en el post anterior, tenemos una primera aproximación de cómo dejar configurado nuestro primer proyecto con SSR.  Además de esto, necesitamos adaptar ciertas partes de nuestro código para que todo funcione como debe.

Tenemos que pensar que la forma de trabajar en cliente y servidor no es la misma y conseguir código universal necesita de una serie de adaptaciones.

En el post de hoy hablaremos de cómo y por qué realizar estas adaptaciones. Aunque existirán seguramente más partes que adaptar, nos vamos a centrar en los cores del framewrok: la instancia de vue, los routers y los stores.

Duante el post, usaremos el patrón factoría que ya explicamos hace unos meses aquí

Read More

VueJS: Configurando Webpack para SSR

34293013000_52d6908d85_o.jpg

Foto de portada de Chris Garcia

Una vez que tenemos claros los conceptos básicos, es hora de trabajar para que nuestro proyecto se adapte a las necesidades del SSR. Empezaremos la adaptación configurando la build.

La forma en la que vamos a empaquetar nuestra aplicación variará debido a las necesidades de ejecutar código de vue en servidor y en cliente de forma indistinta. Necesitamos que el código de nuestra aplicación sea universal y para ello vamos a apoyarnos en Webpack para conseguir este tipo de empaquetados.

Más tarde veremos cómo adaptar el resto del proyecto, pero por ahora centrémonos en este punto: Configurar Webpack a esta nueva situación:

Read More

El fichero package-lock.json ¿Tengo que versionarlo?

34293010980_cbb8882bc6_o.jpg

Fotografía de portada de Chris Garcia

Si habéis actualizado estas semanas NPM a la versión 5, cuando hayáis usado alguno de los comandos, habréis apreciado un nuevo fichero al lado de vuestro package.json: el nuevo fichero package-lock.json.

Los que estáis acostumbrados a trabajar con YARN, no os habrá parecido nada extraña esta nueva funcionalidad de NPM, pero los que, como yo, nunca llegamos a cambiar de gestor de paquetes, este ficheros nos ha traído, por lo menos, curiosidad.

En el post de hoy explicaremos de qué trata este fichero, averiguaremos si es algo importante y comentaremos si hay necesidad de versionarlo en nuestro repositorio de Git o SVN, o si por el contrario lo tenemos que enviar al baúl de ignorados.

Read More