hello.js

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

Friday, 21 April, 2017 UTC

Simple Custom File Selector with Vue.js

Simple Custom File Selector with Vue.js

File select elements are easily one of the ugliest input types on the web. They’re implemented differently in every browser and are generally incredibly ugly. There are some workarounds though, and we’ll show you one approach here using labels and a ... more


Friday, 21 April, 2017 UTC

Getting Started With GraphQL in Angular with Apollo

Getting Started With GraphQL in Angular with Apollo

Apollo is a GraphQL client that makes it very easy to develop GraphQL applications with the likes of React and Angular. All you need to get started is a few dependencies and a client configuration, and you’ll be off to the races running queries and mutations ... more


Friday, 21 April, 2017 UTC

Using Angular's Location Service

Using Angular's Location Service

Location is a service available in Angular 2+ apps that makes it easy to interact with the current URL path. For most navigation needs, the Angular router is the correct solution, but in a few cases the location service is needed to affect the url without ... more


Wednesday, 19 April, 2017 UTC

Progressive Image Loading in Vue.js

Progressive Image Loading in Vue.js

If you’ve spent any time on Medium (and I know you have, you’re a developer,) you’ve probably at least noticed their image loading technique. First a very low-resolution image is loaded, and is then displayed to the client highly blurred as a placeholder. ... more


Wednesday, 19 April, 2017 UTC

An Introduction to GraphQL Queries

An Introduction to GraphQL Queries

Queries in GraphQL are analogous to REST’s GET and they allow to ask the server for the data we need. Contrary to REST however, we get full power to ask for exactly what we need and in the shape we need it. For this post we’ll run queries against a Star ... more


Tuesday, 18 April, 2017 UTC

Using Custom Pipes in a Component Class in Angular

Using Custom Pipes in a Component Class in Angular

It’s easy to create custom pipes to use in your templates to modify interpolated values. You don’t have to duplicate your code if you want to also use a pipe’s functionality in a component class. All you have to do really is inject the pipe like a service, ... more


Tuesday, 18 April, 2017 UTC

Default Parameters in JavaScript with ES6 / ES2015

Default Parameters in JavaScript with ES6 / ES2015

You can now define default values for your function parameters in JavaScript. The default value will be used when an argument is missing or it evaluates to undefined. It’s very easy to understand with a simple example. Notice how the value 3 is used ... more


Tuesday, 18 April, 2017 UTC

Using the Vue.js Devtools

Using the Vue.js Devtools

Vue apps are a joy to write, and often fairly easy to debug. But do you know what would make debugging better? A dedicated way to hook into Vue apps and manipulate them from your browser’s devtools. What? Such a thing already exists? Oh. Well then. I ... more


Thursday, 13 April, 2017 UTC

Pure-CSS Parallax Scrolling Effect

Pure-CSS Parallax Scrolling Effect

CSS is often more powerful than people give it credit for. A number of common tasks which generally rely on JavaScript libraries can often be implemented in CSS without much effort. A great example of this is the parallax effect which is currently in ... more


Wednesday, 12 April, 2017 UTC

Vue.js Firebase Integration with VueFire

Vue.js Firebase Integration with VueFire

No matter what you think of it’s capabilities, Firebase is still one of the most painless ways to set up a simple hosted realtime database. VueFire makes life even easier by providing direct mapping and updates to firebase objects through Vue’s reactivity ... more


Tuesday, 11 April, 2017 UTC

Quick Angular CLI Reference

Quick Angular CLI Reference

We briefly introduced the Angular CLI already, and here’s a quick post that should help you find the commands you need for most things you would want to do with the CLI. Which Version? See which version of the CLI you’re using: $ ng --version Need to ... more


Monday, 10 April, 2017 UTC

Using Bootstrap 4 with Vue.js

Using Bootstrap 4 with Vue.js

The Bootstrap 4 beta is “right around the corner,” and I’m sure there are plenty who are excited to start using it with Vue. Well, they already can, using bootstrap-vue . However, be warned that bootstrap-vue (like Bootstrap 4) is not yet stable, and ... more


Monday, 10 April, 2017 UTC

React.PropTypes Is Dead, Long Live PropTypes

React.PropTypes Is Dead, Long Live PropTypes

tl;dr As of React v15.5 PropTypes are deprecated in the React package and have been given a package of their own. 🍂 Change is an inevitable part of life. The upshot is twofold. 1) If you use another type-checking mechanism, you don’t have to worry about ... more


Thursday, 6 April, 2017 UTC

Composing Vue.js Components

Composing Vue.js Components

An oft-overlooked feature of Vue.js is component composition. It allows you to extend and inherit one or more components with minimal effort in order to provide reusable functionality across your app. Extension works by merging another component’s options ... more


Wednesday, 5 April, 2017 UTC

Zero Configuration Deployment with Surge, Now, and Glitch

Zero Configuration Deployment with Surge, Now, and Glitch

There comes a time in every app’s lifecycle when it’s got to be pushed out of the nest and into a cold, uncaring world of other people’s machines where “runs on my box” can’t protect it. The good news is deployment, at least in terms of MVPs, has never ... more


Tuesday, 4 April, 2017 UTC

Common Vue.js Gotchas

Common Vue.js Gotchas

As with any framework, Vue has a few oddities that might take newcomers a little while to get used to, and many stumble over. Here, we’ll attempt to list a number of those and how to work with and/or around them. Installation & Building Webpack While ... more


Monday, 3 April, 2017 UTC

Angular Material: Creating a Custom Theme

Angular Material: Creating a Custom Theme

In our introduction to Angular Material 2, we showed how to use one of the pre-built themes, but it’s just as easy to create a custom theme. This will allow you to specify primary , accent and warning colors that will be used on Angular Material components. ... more


Monday, 3 April, 2017 UTC

Introduction to Routing in Vue.js with vue-router

Introduction to Routing in Vue.js with vue-router

Routing is an essential part of any non-trivial SPA, and should be a core part of any framework. For Vue, this functionality is provided by the official vue-router plugin. Let’s take a basic look at how to use it. Installation & Setup First, of course, ... more


Thursday, 30 March, 2017 UTC

Writing Custom Vue.js Directives

Writing Custom Vue.js Directives

When you talk about Vue.js, you usually talk about Components. Components, components, components. Components aren’t the only thing you can write with Vue though, and it’s a good thing too. What if you want to apply modifiers to your components? That’s ... more


Wednesday, 29 March, 2017 UTC

Reactive Forms in Angular: An Introduction

Reactive Forms in Angular: An Introduction

Angular provides two ways to work with forms: template-driven forms and reactive forms , the latter also sometimes called model-driven forms. With template-driven forms, the default way to work with forms in Angular, template directives are used to build ... more


Wednesday, 29 March, 2017 UTC

Integrating Vue.js and Socket.io

Integrating Vue.js and Socket.io

Websockets are a powerful way to enable bidirectional communication between the client and the server, and socket.io is one of the leading libraries that simplifies connection handling with websockets and alternative transports. Let’s combine it with ... more


Sunday, 26 March, 2017 UTC

Interpolating Values with Vue.js and Tween.js

Interpolating Values with Vue.js and Tween.js

Ever seen those fancy counter things on websites? You know, those numbers that increase over time and count all the little numbers in between? Well, if you’re looking to do that yourself, you’ve come to the right place. With Vue and Tween.js , we can ... more


Thursday, 23 March, 2017 UTC

Adding Google Analytics to your Vue.js SPA

Adding Google Analytics to your Vue.js SPA

Google Analytics can be great if you want to know how your application is being used. Often with single-page applications though, it’s trickier to get proper screen view analytics and hook into events directly due to the odd API of the official Google ... more


Thursday, 23 March, 2017 UTC

Starting Off Strong with React and Next.js

Starting Off Strong with React and Next.js

So you’ve tried Create React App, and maybe you’re thinking, “Sure, it’s nice and all, but what if I want code splitting, universal architecture, and a powerful router with zero configuration cost?” If so you’re in luck. Enter Next.js from the next-level ... more


Tuesday, 21 March, 2017 UTC

Using SVG Icons in Vue.js

Using SVG Icons in Vue.js

While font-based icons ruled the world a year or two ago, embedded SVG icons have since taken the stage (often credited to this post) as the best way to include icons in your app. Unfortunately, adding them by hand requires a lot of work and duplicated ... more


Monday, 20 March, 2017 UTC

Testing Vuex-Dependent Vue.js Components

Testing Vuex-Dependent Vue.js Components

A few months months ago I’ve started working on a project that required me to write a lot of JavaScript. As I was writing more and more code it became apparent that the lack of unit tests was slowing me down. There wasn’t a way for me to verify if anything ... more


Sunday, 19 March, 2017 UTC

Lazy-loading Routes in Your Vue.js App

Lazy-loading Routes in Your Vue.js App

As your SPA (Single-Page Application, for the uninitiated) grows in complexity, so does the size of the application bundle. After a point, it becomes a significant hindrance to the load times of your page. Thankfully, vue-router supports webpack’s built ... more


Friday, 17 March, 2017 UTC

Building Native Web Components with Vue.js

Building Native Web Components with Vue.js

The Web Components / Custom Elements spec allows you to define your own custom elements in the browser and the logic attached to them. It’s been a long time coming, but it’s almost here. The advantage of Web Components is that they are interoperable ... more


Tuesday, 14 March, 2017 UTC

Basic Server Side Rendering with Vue.js and Express

Basic Server Side Rendering with Vue.js and Express

Server side rendering (SSR) is one of those things that’s long been touted as one of the greatest strengths of React , Angular 2+ , and Vue 2 . It allows you to render your apps on the server, then hydrate them with client side reactivity after the page ... more


Monday, 13 March, 2017 UTC

Getting Comfortable with Create React App

Getting Comfortable with Create React App

In a world of tools that claim ease of use and comprehensive consideration of developer needs Facebook’s official Create React App CLI is an oddity. A legitimately first class tool that with little fanfare or branding just…works. Right out of the box. ... more