hello.js

var please = require('share');
console.log('thank you');

Tuesday, 20 February, 2018 UTC

Integrating Stripe Elements and Vue.js to Set Up a Custom Payment Form

Integrating Stripe Elements and Vue.js to Set Up a Custom Payment Form

Stripe is one of the best ways to handle payments online and recently they released Stripe Elements. Stripe Elements is their pre-built library of UI components that help you easily create your own checkout flows. This now makes it easier than ever to ... more


Monday, 19 February, 2018 UTC

Vue.js JWT Patterns

Vue.js JWT Patterns

JWT’s or JSON Web Tokens are a popular method of storing verifiable session state safely on the client without the need for stateful servers. They’ve grown in popularity immensely lately along with the rise of “serverless” web applications. JWTs are ... more


Sunday, 18 February, 2018 UTC

Lazy Image Component Using the Intersection Observer API in Vue.js

Lazy Image Component Using the Intersection Observer API in Vue.js

Images, as most of media formats, can be really heavy and take up a large chunk of time to load. We’ve been taught as web developers to compress them as much as possible, having a 2x version for retina displays… and lazy loading them when it makes sense. ... more


Friday, 16 February, 2018 UTC

A Quick Reference for the This Keyword in JavaScript

A Quick Reference for the This Keyword in JavaScript

It’s easy to forget the rules around what JavaScript’s this keyword points to in different scenarios. This post aims to provide a quick refresher and reference to quickly grasp the different possibilities. You'll almost always use this in the context ... more


Tuesday, 13 February, 2018 UTC

Vue.js SEO Tips

Vue.js SEO Tips

As much as developers might like to ignore it, SEO is still a crucial part of any website or web app. Applications and sites that are not easily indexed by search engines or poorly optimized will end up hidden behind pages and pages of search results. ... more


Monday, 12 February, 2018 UTC

Create Interactive Style Guides with vue-styleguidist

Create Interactive Style Guides with vue-styleguidist

Creating styleguides has been always hard work. It can take not only a huge amount of time, especially if you want to make it interactive, and it usually gets out of date as time goes by. Vue-styleguidist is a nice and easy-to-use tool to create component ... more


Friday, 9 February, 2018 UTC

Building an Autcomplete Component with Vue.js

Building an Autcomplete Component with Vue.js

Did you ever wonder how could you build an autocomplete component in Vue.js? Fear not! Thanks to some built-in Vue features it’s very simple. 🎉 In this article you’ll learn how to make a simple autocomplete component using v-model , event handling with ... more


Wednesday, 7 February, 2018 UTC

Native Mobile Apps with Vue.js and NativeScript: Getting Started

Native Mobile Apps with Vue.js and NativeScript: Getting Started

NativeScript is a platform, similar to React Native, that allows native mobile apps to be written in JavaScript and rendered using native UI components. Originally, NativeScript was developed with Angular in mind, along with a native JavaScript API, ... more


Monday, 5 February, 2018 UTC

Using the New vue-cli 3 to Scaffold Vue.js Apps

Using the New vue-cli 3 to Scaffold Vue.js Apps

vue-cli version 3 brings a whole new developer experience. The Vue team put a great effort in making sure that creating a Vue.js project is smooth and that no initial configuration is required. At the same time, extending and tweaking the project configuration ... more


Sunday, 4 February, 2018 UTC

Using Cloud Firestore in Vue with vue-firestore

Using Cloud Firestore in Vue with vue-firestore

Cloud Firestore is the spiritual successor to Firebase’s popular Realtime Database. While there are many key differences which you can read about here, the main ones that jump out are: a more structured data model, more robust indexed queries, and atomic ... more


Friday, 2 February, 2018 UTC

Reduce Misspelled Email Addresses in Your Vue.js App with mailcheck.js

Reduce Misspelled Email Addresses in Your Vue.js App with mailcheck.js

Entering and capturing email addresses is something that every single web app out there has to take care of. Capturing the right email on the sign-up form, the login form, and even using it as a confirmation string when performing important actions in ... more


Thursday, 1 February, 2018 UTC

Upload files in Ionic with AngularFire2

Upload files in Ionic with AngularFire2

The cloud is your hard drive, but are you prepared to deal with file validation, network latency, scalability, and security? I know I’m not. Luckily, developers now have access to AngularFire2 Storage, which blends Firebase Cloud Storage seamlessly into ... more


Tuesday, 30 January, 2018 UTC

Native Mobile Apps with Vue.js and Weex: Getting Started

Native Mobile Apps with Vue.js and Weex: Getting Started

When it comes to developing native mobile apps with JS frameworks, React has React Native, Angular has NativeScript, but what does Vue have? Well, it has weex. (Technically NativeScript has early support for Vue as well.) Okay, so what’s weex? It’s similar ... more


Tuesday, 30 January, 2018 UTC

Render Functional Components in Vue.js

Render Functional Components in Vue.js

There are multiple ways to render a functional component in Vue.js. Depending on the use case and on your own taste you may prefer one over another, which is a great thing from a framework that you can adapt to your preferences. In Functional Components ... more


Monday, 29 January, 2018 UTC

Using Chart.js with Vue.js

Using Chart.js with Vue.js

If you aren’t familiar with Chart.js, it’s worth looking into it. It’s a powerful and simple way to create clean graphs with the HTML5 <canvas> element. Don’t worry, you don’t need to know anything about the <canvas> to use Chart.js. With ... more


Thursday, 25 January, 2018 UTC

Building a Modal Component with Vue.js

Building a Modal Component with Vue.js

As much as I would love to avoid them, every project always ends up having a modal component. Don’t get me wrong, it’s not that I don’t find them useful, but creating an accessible component that works across multiple devices can be tricky! In this article ... more


Tuesday, 23 January, 2018 UTC

Using Axios with React

Using Axios with React

Just about every project needs to interface with a REST API at some stage. Axios is a lightweight HTTP client based on the $http service within Angular.js v1.x and similar to the Fetch API. Axios is promise-based and thus we can take advantage of async ... more


Monday, 22 January, 2018 UTC

Controlling the HTML5 Canvas with Vue.js

Controlling the HTML5 Canvas with Vue.js

Most of the time, you’ll write Vue.js components that interact with a webpage via the DOM. But Vue’s reactivity system is useful for more than that. In this example, we’ll create a set of components to render a basic bar chart with Vue, in HTML5 canvas. ... more


Monday, 22 January, 2018 UTC

Functional Components in Vue.js

Functional Components in Vue.js

Functional components are very popular in the React community. They allow to create simple components in a neat way just by passing a context, making them very simple to reason about. What’s a Functional Component You can think of a functional component ... more


Saturday, 20 January, 2018 UTC

Handling Events in Polymer

Handling Events in Polymer

Events are essential for communicating state in Web Components. In addition to supporting the standard event APIs in modern browsers, Polymer offers simpler ways of event handling. Also, Polymer automatically handles events required for data binding. ... more


Thursday, 18 January, 2018 UTC

Shadow and Shady DOM with Polymer

Shadow and Shady DOM with Polymer

One of the main objectives of Web Components is to allow the creation of encapsulated custom elements. Encapsulated elements have their own styles that do not leak from or to their parent element. Polymer not only makes it easier to use the Shadow DOM ... more


Thursday, 18 January, 2018 UTC

Using vue-template-loader with Vue.js to Compile HTML Templates

Using vue-template-loader with Vue.js to Compile HTML Templates

Most people familiar with Angular 2+ know that in order to compile HTML templates one simply needs to add a template url in the component’s TypeScript file and be done with it. With Vue, the recommendation is to instead use template tags to build your ... more


Tuesday, 16 January, 2018 UTC

Using Ionic 4 Components in Your Vue.js Apps

Using Ionic 4 Components in Your Vue.js Apps

Vue.js is gaining popularity for all the right reasons, and the future looks bright for Vue and the combination of Progressive Web Applications. Ionic is a web framework at the forefront of combining mobile-first UX and although it’s currently powered ... more


Tuesday, 16 January, 2018 UTC

Building Vue.js Apps with Parcel

Building Vue.js Apps with Parcel

The canonical way to build & bundle a Vue.js application is with webpack, and indeed, pretty much everything Vue-related assumes that you’ll be using webpack. However, you don’t have to. You could use Vue.js without build tooling, or you could use ... more


Sunday, 14 January, 2018 UTC

Create a Lazy Loaded Wizard in Vue.js

Create a Lazy Loaded Wizard in Vue.js

A wizard is a component consisting in several steps. Each step is a different view. Let’s see how to create a wizard that lazy loads its parts in Vue.js. 🧙 The Wizard Steps Each step in a wizard is one of the screens that the wizard is showing. Let’s ... more


Thursday, 11 January, 2018 UTC

Event-Driven Programming in Node.js

Event-Driven Programming in Node.js

Event-Driven Programming is a logical pattern that we can choose to confine our programming within to avoid issues of complexity and collision. In this article we’re going to go over how Event-Driven Programming works and how we can make the best use ... more


Tuesday, 9 January, 2018 UTC

Integrating Algolia InstantSearch with Vue.js

Integrating Algolia InstantSearch with Vue.js

Search can be difficult to get right. You want to deliver real-time results to your clients, but to do that you either need a tricky server setup and lots of database accesses, or a dedicated server just for search, or upload everything you use for search ... more


Sunday, 7 January, 2018 UTC

Passing Multiple Properties to a Vue.js Component

Passing Multiple Properties to a Vue.js Component

All developers using component-based architectures, such as Vue’s and React’s, know that creating reusable components is hard, and most of the time you end up having a lot of properties in order to make it easier to control and customize a component ... more


Friday, 5 January, 2018 UTC

Using Properties in Polymer Components

Using Properties in Polymer Components

The custom elements specification allows for the use of properties and attributes in a custom element. Polymer makes it easier to use properties and adds to their capabilities giving you even more power 💪 when building components. Declaring Properties ... more


Wednesday, 3 January, 2018 UTC

Getting Started with Polymer

Getting Started with Polymer

Web Components offer a great way of creating, using and sharing custom components for the web. Polymer is a lightweight library that lets us take advantage of these elements right now. Polymer simplifies Web Components implementation and adds some useful ... more