Historia de una charla

37088229296_dfa5fbd7e7_o.jpg

Fotografía de Jon Ander

Ayer tuvo lugar la 4ª Jornada de Codenares, la comunidad en la que participo. Tuve la suerte de que la comunidad me permitiese hablar durante 40 minutos sobre cómo empezar con VueJS.

Como Cristina Fernández siempre me esta animando para que escriba sobre el proceso que sigo sobre diferentes tareas que llevo a cabo (ya sea sobre cómo escribí el manual de VueJS, o cómo llevo el blog) he decidido hablar un poco sobre cómo fue el proceso de preparación de esta charla.

En la anterior jornada Rubén Fernández (juro que no son hermanos XD) hizo una retrospectiva parecida y el resultado fue bastante inspirador, así que sin entretenerme más, os cuento un poco cómo es la forma en la que me gusta hacer presentaciones.

Read More

Anuncios

VueJS: El sistema reactivo

32161531614_de543d116e_o.jpg

Ultimo post sobre Vue. Tenía pensado escribir sobre TypeScript con Vue y de Testing con Vue pero creo que es mejor que dediquéis el tiempo al gran trabajo que está haciendo Alex Jover justamente en estos dos apartados 🙂

Dedicamos el último post a entender el sistema interno reactivo de Vue y a cómo funciona su auténtica magia. Como un cambio de un dato por parte del usuario, puede suponer un cambio en la interfaz sin que yo como desarrollador tenga que indicar esta acción directamente.

Read More

VueJS: Diferentes formas de reutilizar código

28005407566_d887d45bea_o.jpg

Foto de Zh. B

Una de las promesas que nos hacen cuando nos venden los frameworks orientados a componentes es que el nivel de reutilización de código es muy alto. No vamos a negar que las arquitecturas en componentes son un gran aliciente para tener código más utilizable, pero lo que muchas veces nos pasa es que no sacamos todo el partido que un framework nos proporciona y nos quedamos en esa visión de componente visual.

Es decir, está muy bien que podamos encapsular nuestro HTML, CSS y JS en piezas aisladas que pueda usar en diferentes contextos, pero aun existe un mayor número de funcionalidad que tiene que ver más con la lógica de nuestra aplicación, que también puede ser reutilizable y refactorizada en componentes más genéricos.

El post de hoy trata de exponer todas las posibilidades que nos ofrece Vue a la hora de hacer un código menos repetitivo y más genérico. No solo nos centraremos en la visión de componentes, sino que también hablaremos de cómo crear funcionalidad mucho más transversal o de poder extraer lógica que pueda ser útil para más de un componente.

Read More

¿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

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