VueJS: Testeando nuestros stores

broken-clay-close-up-838981.jpg

Hemos visto cómo configurar nuestro proyecto para que pueda ser testeado, hemos creado nuestro primeros test sobre componentes de VueJS y hemos jugado con diferentes tipos de componentes y complejidades, desde componentes que tenían dependencias hasta componentes que solo eran visuales.

Nos queda para terminar esta sería, ver cómo somos capaces de testear nuestros stores. Si recordamos, los stores son aquellas piezas de código que configuraban vuex  y que nos permitían gestionar el estado global de nuestra aplicación en pequeños estancos bien modularizados y abstraídos.

Tenemos que ver las aproximaciones que podemos llevar a cabo y cómo probar cada uno de los elementos. Vayamos al lío:

Read More

Anuncios

ES7: El operador ::bind

12528337624_f9437aca7d_b.jpg

Imagen de ewka2205

Aviso: El post explica funcionalidades experimentales que no se encuentran el estándar todavía y que puede que nunca lo estén.

Investigando un poco sobre las propuestas que se hacen al grupo de trabajo de EcmaScript he topado con una que me parece interesante traer aquí al blog y que quizá os interese.

Se trata de la posibilidad de incluir un nuevo operador que nos permita enlazar el contexto a la función que nosotros queramos. Lo han denominado coloquialmente operador bind.

En este post os hablo de qué trata, en qué casos nos podría ser útil y el estado en el que se encuentra actualmente su implementación final. Espero que os guste:

Read More

Pequeños trucos para mejorar tu JavaScript

6249570814_3bc6b649ea_b.jpg

Foto de Steve-h

En algunas ocasiones, un pequeño truco puede ayudarnos a mejorar la forma en la que escribimos nuestro código. A veces son cosas que ya tenemos en cuenta, otras por el contrario, no nos aporta nada o no estamos de acuerdo en la manera de plantearlo.

Llevo tiempo queriendo escribir en el blog sobre algo así, pequeños trucos que definan nuestra forma de escribir código. Como no, el lenguaje de donde más trucos me llego a saber es en JavaScript. No son nada del otro mundo, pero si son acciones que suelo tener en cuenta cuando escribo mi código.

Espero que os gusten:

Read More

ES6: Las promesas

 Ay las promesas. Esas grandes incomprendidas. Todo el mundo las usa, pero nadie las entiende. Ese uso mixto con los callbacks… esa manera de querer eliminarlas del mapa para dar paso a las  ‘async function‘ y así de paso seguir convirtiendo a JavaScript en un lenguaje típico de POO, esos antipatrones que llevo viendo durante tantos años…

Tengo que reconocer que soy un gran defensor de las promesas. Siempre me han parecido un gran mecanismos de gestión. Como veremos hoy, las promesas pasan a formar parte del estándar a partir de EcmaScript 6. La solución que han pensado es fácil y no tendrá mucho misterios para los senior. Sin embargo, aprovecharé el post para enlazar con mi serie funcional ya que, como veremos, las promesas tienen mucho que agradecer a este estilo de programación.

No me demoro más. Espero que os guste:

Read More

TypeScript para NodeJS usando Visual Studio Code

nodejs-typescript.png

Como todos bien sabéis, JavaScript es un lenguaje de programación débilmente tipado. Esto quiere decir que nosotros como desarrolladores nunca tenemos que inferir a una variable, una constante o un parámetro un tipo especial para que el compilador lo interprete, si no que el propio compilador o intérprete va a inferir el tipo por medio del contexto en el que se encuentre una variable.

Read More

AngularJS 1.x: Componentizando tus aplicaciones

banner_puzzle

EDIT: En el tiempo que he dedicado este post, Carlos Azaustre ha subido una entrada entera para explicar el taller que dió en la AngularCamp de Barcelona y habla exactamente sobre el mismo tema de una manera mucho más profunda y concisa.

Como tenía bastante avanzado el post he decidido publicarlo, sin embargo, os recomiendo encarecidamente que vayáis al suyo ya que deja todo los conceptos mucho más claros.

Sí, estoy hablando de Angular 1.x, no me he equivocado de framework. No, no me he vuelto loco, voy a componentizar vuestras aplicaciones hecha en AngularJS 1.x con… AngularJS 1.x. ¿Queréis saber cómo? Adelante 🙂

Read More

Realiza programación saludable

CeNuws4WQAAZ9_B

El miércoles pasado acudimos, mis compañeros de trabajo y yo, a una de las charlas organizadas por el meetup de Front-End Developer Madrid. La charla estuvo entretenida y la ronda de preguntas aportó muchísimo a la comunidad. Pasamos una tarde agradable al salir del trabajo.

Durante esta ronda de preguntas, se formaron varios debates interesantes y se llegó a hablar de montar arquitecturas mixtas con frameworks como Polymer con AngularJS, ReactJS con AngularJS (mi aportación irónica fue la de crear una aplicación con AngularJS 1.x y Angular 2, puestos a mezclar… XD). Estructuras extrañas y con las que yo no me suelo encontrar cómodo a la hora de plantear una arquitectura para mis aplicaciones.

Como está empezando a ser habitual, la charla me ha inspirado para un post del blog y me gustaría hablaros de un término que se me ocurrió el otro día, la programación saludable.

Read More