Manejando datos

Condicionales con VueJS

Posted by in Javascript y TypeScript

Seguimos aprendiendo VueJS, y ahora le toca el turno a las condicionales con VueJS. Se trata de utilizar los if … then, o if … else if … else … El ejercicio que vamos a realizar es bastante sencillo, y dentro del código HTML se utiliza la directiva v-if, v-else-if o v-else. El objetivo El objetivo del ejercicio de hoy es disponer de 2 botones, uno para “Me gusta” y otro para “No me gusta“, que están controlados por una variable like y notlike. Si pulso un botón, cambiaré el…read more

Herramientas para desarrollar con VueJS

Posted by in Javascript y TypeScript

Sin duda, VueJS es un framework que está teniendo una aceptación tremenda en el desarrollo web, y yo soy uno de ellos. Normalmente, el que tenga éxito un framework suele venir acompañado de herramientas de desarrollo vinculadas al mismo, y al igual que Facebook está al frente de React y se han desarrollado herramientas, algo similar sucede con las herramientas para desarrollar con VueJS. Vuejs DevTools En Firefox hay una extensión llamada Vue.js devtools que puedes incorporar: Al incorporar VueJS a las herramientas de desarrollador, encontrarás un icono arriba que…read more

ES6: funciones flecha: arrow functions

Posted by in Javascript y TypeScript

Seguimos profundizando en ES6, y tras la primera entrega sobre trucos, hoy está dedicado por completo a las funciones flecha, arrow functions. El concepto de detrás de estas funciones es reducir la sintaxis, son anónimas, no están vinculadas con “this”, y siempre tienen algo que devolver. Están definidas por una fecha: () => { } La sintaxis más sencilla es: que equivale a: Cómo puede comprobar, es más reducido en síntaxis, y varia si incluye argumentos o no. Por lo general, se da por supuesto que devuelve un valor, y…read more

ES6: unos cuantos trucos básicos

Posted by in Javascript y TypeScript

Cierto es que Javascript no es mi lenguaje favorito, pero no por ello, no significa que no debe de ser conocedor del mismo, si bien, todo lo que es válido para Javascript también es valido para TypeScript. Hoy me gustaria comentar unos cuantos trucos básicos que hará que aproveches mucho mejor todos los recursos que ES6 (y en futuras versiones)! Template Strings Una de las cosas que más me gusta de Python es que para crear expresiones de cadenas, no es necesario ir encadenando cosas, tal que así: Y en…read more

Herramientas ReactJS

Posted by in Javascript y TypeScript

Si en la primera entrada sobre React hablamos de qué es, y en la segunda vimos cómo realizar los primeros componentes, ahora profundizamos en conocer más. Lo primero, conocer distintas herramientas ReactJS que hay, y después, conocer mejor JSXTransformer. Herramientas ReactJS Tanto si trabajamos por Firefox como en Chrome, existen herramientas que facilitan la depuración de código React. La oficial está en GitHub aquí https://github.com/facebook/react-devtools: Y para Chrome: Y vamos a cargar el último ejemplo realizado, first4.htm, para ver las herramientas de depuración en acción: En definitiva, que disponemos también…read more