Using Typescript types

Typescript comes with his own types and each one is part of typescript, not javascript. Typescript will provide these types as part of our development process and notify the compiler of the data type used and force us to implement properly. Tuples Allows set a variable or array with a set of values of different…

Type Annotations in Typescript Functions.

I am starting to move to Typescript. I discover how works type annotations in typescript functions. Let start to show a few things learned today about typescript. Typescript allows type annotation in function parameters and returns types. Types in Function parameters. The default type for the parameters in functions is any. Use : type after…

Typescript and primitive Types

I am starting to move to Typescript. I discover how it works and different ways to use them with Typescript. Typescript is a superset running up to Javascript, it supports all primitive types. Let start to show a few things learned today about typescript. Typescript and Types. Typescript supports setting variables, properties or parameters in…

Get start with Typescript and Parcel

Typescript is a technology that grows every day. Companies like Slack, Airbnb or Google are changing their javascript codebase to Typescript. Frameworks like Vue, React and (Angular) are using Typescript for writing maintainable code. These steps show how to start a project with Typescript and Parcel. The full code is available https://github.com/danywalls/hello-typescript. Create a basic…

Add Routing into a existing Vue App

I build a small app and using was ok to handle each use situation, but now I need to add routing to my existing app, then let’s go. Install the router 1-Add the router into my app using the vue-cli for add router plugin and also it will modify a few files to register a…

How to run multiple npm scripts

Today I have to need to run the fake API at the same time my vue app runs, the API was using json-server. I don’t like to execute the command vue serve for spa and in json-server /db.json in the terminal and another option was use && but if tomorrow I should need start another…

My Top 5 Vue Ecosystem plugins

If you have been working with Angular and React, each one of them has a lot of tools ready to help when you pick one of them to build solutions like angular material, ngx-translate, angularfire, ngxs, create-react-app, Styled Components, or redux. If you work with Vue, you need to solve the same problems and Vue…

How to center elements using the box model

A common task for web development is center elements, we can center the elements horizontal and vertically. Center horizontal Center horizontally is so easy, our element needs to have a width size, if not our element will take all space possible. Set to 0 auto the margin, the element will take the same amount of…

From Vue to Svelte Syntax

I’m building a small app with Svelte,  my last 2 years I was coding with Vue, so I found small differences with Vue,  let me explain a bit how is going my journey writing a Svelte component. The password-strength project was build using the default svelte template, it generates main.js and src/App. svelte files, I…

How to use SCSS Sass in Svelte Components?

When I started with Svelte one surprise was the CLI was not too interactive and the default template doesn’t come with Sass support. Then for add sass support into .svelte components, we need to add a rollup package and do a few small changes. These changes I will do on my project “password-strength-sv”, from the…