Manejando datos

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

Un primer paso trabajando con ReactJS

Posted by in Javascript y TypeScript

En una anterior entrada os conté que hace tiempo fuí a una charla sobre ReactJS, y que gracias a ella, ahora mismo estoy poniendola en práctica. Un segundo paso Tras el código inicial, nada mejor que separar lo que es Javascript, del HTML, y en la versión 2 tienes la misma. Se trata de extraer el código Javascript (jsx) y almacenarlo en un fichero independiente, manteniendo el type=”text/jsx” para indicar el tipo de contenido que tiene el fichero. El resultado, sigue siendo el mismo. El siguiente escalón El siguiente paso,…read more

Desarrollando con TypeScript 2.x

Posted by in Javascript y TypeScript

Vuelvo a las andadas con TypeScript, cómo bien sabeis, uno de mis lenguajes favoritos (Javascript es el lenguaje que más odio!), y aunque ya escribí un montón de entradas sobre lo básico (y no tan básico) de este lenguaje, incluyendo un IDE escrito expresamente en TypeScript, te mostré ejemplos de integrar jQuery, Bootstrap, e incluso te escribí una entrada completa sobre la plantilla que utilizo como base. Ya ha pasado algo de tiempo, y también he podido ir refrescando mis conocimientos de TypeScript, y orientarlos hacia las nuevas versiones del…read more

Página 1 de 712345...Última »