Manejando datos

Conditional with VueJS

Posted by in Javascript and TypeScript

Let’s keep on learning VueJS, and now it is turn for conditionals in VueJS. Let’s learn how to use if … then, or if … else if … else … the exercise is very easy, and inside the HTML code, We are using the directive v-if, v-else-if o v-else. The target Today’s exercise is to display two buttons, one for “Like” and another for “Do not like”, both controlled by like and notlike variables. If I ckick in one button,I will change the valeo of the property assigned. If True,…read more

Tools for developing with VueJS

Posted by in Javascript and TypeScript

There is no doubt that VueJS is a fantastic framework that it is having tremendous acceptance in web development, and I’m one of them. Normally, the success of a framework is usually accompanied by development tools linked to it, and just as Facebook is at the forefront of React and tools have been developed, something similar happens with the tools to develop with VueJS. Vuejs DevTools In Firefox there exist an extension called Vue.js devtools that you can add: When adding VueJS to developer tools, you will find an icon above…read more

ES6: arrow functions

Posted by in Javascript and TypeScript

Let’s keep on learning ES6 features, and after the first entrance on a few tips, today’s lesson is dedicated to arrow functions. The concept behind this functions are sintax reduce, they are anonimous functions, no bind with “this”, and always returning a value. They are defined with an arrow: () => { } The sintax is simple: and it can be equal to: As you can verify, the sentences are shorter, and easier to read, although the sintax depends on how paramaters the functions needs (in case it needs). By…read more

ES6: A few basic tricks

Posted by in Javascript and TypeScript

It is true that Javascript is not my favorite language, but it does not mean that it should not be aware of it, although everything that is valid for Javascript is also valid for TypeScript. Today I’d like to comment on a few basic tricks that will make you take advantage of all the resources better than ES6 (and in future versions)! Template Strings One of the things I like most about Python is the way to create expressions of strings, you don’t need to be chaining things, like that:…read more

ReactJS tools

Posted by in Javascript and TypeScript

A long ago, I wrote an entrance about ReactJS and what it is, and in a second entrance, I wrote how to create the first components. In this third entrance, it is time to go further and start working with tools for using React, and later on, use JSXTransformer. ReactJS tools No matter if you are working with Firefox or Chrome, there are tools for both for debugging code with React. The official repo is on GitHub https://github.com/facebook/react-devtools: And for Chrome: Let’s focus on the last version done, first4.htm, to…read more