hello.js

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

Friday, 17 November, 2017 UTC

Getting Started With the Graphcool Framework

Getting Started With the Graphcool Framework

Graphcool, a popular GraphQL backend as a service solution recently moved away from the pure BaaS model and into an open source model instead with the Graphcool framework. Using the Graphcool framework, it’s easier than ever to spin-up and deploy GraphQL ... more


Thursday, 16 November, 2017 UTC

CSS in React

CSS in React

If you are new to React, you may be confused by the multitude of ways to style components. In this article, we’ll explore the different approaches, their pros and cons, and how you use them in practical, every-day applications. We’ll start with the original ... more


Monday, 13 November, 2017 UTC

Declarative Title Updater with Angular and ngrx

Declarative Title Updater with Angular and ngrx

Updating the HTMLTitleElement is easy with Angular’s Title service. It is pretty common for each route in a SPA to have a different title. This is often done manually in the ngOnInit lifecycle of the route’s component. However, in this post we will do ... more


Wednesday, 8 November, 2017 UTC

Integrating Stripe in Angular With Stripe Elements

Integrating Stripe in Angular With Stripe Elements

Stripe recently released Stripe Elements, a set of UI elements that make it easy to build a custom checkout flow, complete with realtime validation and autocomplete support. In this post we’ll go over the basics of integrating Stripe and Stripe Elements ... more


Tuesday, 7 November, 2017 UTC

Efficient Template Rendering Using lit-html

Efficient Template Rendering Using lit-html

Out of the box, Web Components don’t come with anything to help create and render templates like popular frontend frameworks do. Thankfully however, small and flexible libraries are starting to appear to fill that gap. hyperHTML is a good example, and ... more


Monday, 6 November, 2017 UTC

PSA: Proper Form Handling in Vue.js

PSA: Proper Form Handling in Vue.js

Forms are an integral part of almost any web application. They’re really just ways of getting information from the user and turning it into some sort of machine-readable data model. Thing is, not everyone realizes exactly how the HTML form element works, ... more


Monday, 6 November, 2017 UTC

substring vs substr in JavaScript

substring vs substr in JavaScript

Similar to how the difference between the slice vs splice array methods can be hard to remember, it can also be hard to remember the difference between the substring and substr JavaScript string methods. Here’s a quick reference to help out with that. ... more


Friday, 3 November, 2017 UTC

Using the New Portal Feature in React

Using the New Portal Feature in React

React v16 introduced a new feature called portals. The documentation states that: Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component. Normally, a functional or a class component ... more


Friday, 3 November, 2017 UTC

Using Puppeteer for Easy Control Over Headless Chrome

Using Puppeteer for Easy Control Over Headless Chrome

How about an easy way to programmatically navigate to different pages, take screenshots, scrape website content, produce PDFs and run tests? It’s now quite easy to do using a new library by the Chrome team, Puppeteer, a Node.js library that abstracts ... more


Thursday, 2 November, 2017 UTC

Angular 5: Upgrading & Summary of New Features

Angular 5: Upgrading & Summary of New Features

Angular 5 , code named pentagonal-donut , was just announced, and with it comes a few new features as well as a number of internal changes to make Angular apps smaller and faster to execute. In this post we’ll briefly go over some of the most important ... more


Tuesday, 31 October, 2017 UTC

Easy Peasy Toast Notifications in Vue.js With vue-snotify

Easy Peasy Toast Notifications in Vue.js With vue-snotify

There are a few things I always dread implementing in every app I write. Modal dialogs (hard to get right on mobile,) and toasts / notifications / alerts / whatever. Not the native mobile / desktop push notifications, those are comparatively easy. The ... more


Friday, 27 October, 2017 UTC

Using @ngrx/entity in Angular to Simplify Store Reducers

Using @ngrx/entity in Angular to Simplify Store Reducers

Redux and @ngrx/store reducers for CRUD operations often have a similar shape and end up being mostly boilerplate code. To help simplify and cut on the boilerplate, the ngrx organization created a new library called @ngrx/entity that can used with @ngrx/store ... more


Friday, 27 October, 2017 UTC

Using the Geolocation API

Using the Geolocation API

The Geolocation API is a very simple API that allows to get a device’s current location coordinates. It has only two methods: getCurrentPosition and watchPosition and the data returned is very straightforward, but when coupled with a mapping API, complex ... more


Tuesday, 24 October, 2017 UTC

I18n with React and i18next

I18n with React and i18next

More and more apps are being designed for the global market which means your app will need to work for an audience using various languages and dialects. React does not have internationalization (i18n) built-in, but it is not hard to internationalize ... more


Monday, 23 October, 2017 UTC

Create Heatmaps in Vue with vue-heatmapjs

Create Heatmaps in Vue with vue-heatmapjs

Heatmaps. A great marketing tool that works by tracking literally every move and click the mouse makes on a webpage, normalizes them, and sends them to a server for whomever might be on the other end to analyze (complete with pretty colors.) A perfectly ... more


Friday, 20 October, 2017 UTC

Getting Started with Webpack + React

Getting Started with Webpack + React

This aim of this tutorial is to set up a development environment for a React application bundled using Webpack. While the merits of Webpack and other bundlers are continually compared, this tutorial will let you get started with Webpack and help you ... more


Monday, 16 October, 2017 UTC

Upgrading to Vue.js 2.5

Upgrading to Vue.js 2.5

Vue 2.5 was just released, adding a few new convenience features, cleaning up a bit under the hood, and improving tooling support in a number of areas. The most interesting change this round for most people will be the vastly improved Typescript support, ... more


Saturday, 14 October, 2017 UTC

Exploring Async Functions in JavaScript

Exploring Async Functions in JavaScript

Promises give us an easier way to deal with asynchrony in our code in a sequential manner. Considering that our brains are not designed to deal with asynchronicity efficiently, this is a much welcome addition. Async functions , a new addition with ES2017 ... more


Tuesday, 10 October, 2017 UTC

Speed Up Your npm Workflow With npx

Speed Up Your npm Workflow With npx

Along with npm 5.2 came a new utility, npx , to help with a few popular npm binary execution tasks and give your workflow a boost. In this quick post we’ll go over a few of the most popular use cases. Installation If you have npm >5.2 installed, npx ... more


Monday, 9 October, 2017 UTC

Demistifying Vue's Webpack Config

Demistifying Vue's Webpack Config

Like it or not, webpack is a staple of the modern front-end JavaScript toolset, turning countless little files into one (or more) cohesive bundles. Yet to many, it’s workings are an enigma. The rise of CLI tools that produce complex ready-made configurations ... more


Saturday, 7 October, 2017 UTC

Getting Started With PrimeNG in Angular

Getting Started With PrimeNG in Angular

We’ve covered how to get started with the UI components from the popular Angular Material 2 component library, so it’s only fitting that we explore other options for when it comes to UI components. PrimeNG from PrimeFaces is one such option. It offers ... more


Friday, 6 October, 2017 UTC

A Fetch API Primer

A Fetch API Primer

Fetch is a new-ish, promise-based API that lets us do Ajax requests without all the fuss associated with XMLHttpRequest . As you’ll see in this post, Fetch is very easy to use and work with and greatly simplifies fetching resources from an API. Plus, ... more


Thursday, 5 October, 2017 UTC

Using Cloud Firestore in Angular With AngularFire

Using Cloud Firestore in Angular With AngularFire

Cloud Firestore was just announced as a new database to fill-in the gap where the Firebase realtime database may not be the best tool. Cloud Firestore is a NoSQL, document-based database. At the root of the database are collections (e.g.: todos , users ... more


Tuesday, 3 October, 2017 UTC

Angular Router: Route Resolvers

Angular Router: Route Resolvers

One way to deal with getting and displaying data from an API is to route a user to a component, and then in that component’s ngOnInit hook call a method in a service to get the necessary data. While getting the data, perhaps the component can show a ... more


Monday, 2 October, 2017 UTC

Implementing Client-Side Search with Vue.js

Implementing Client-Side Search with Vue.js

Client-side search is a fun topic. It’s usually fairly easy to implement for smaller data sets, but once you get into hundreds and hundreds of records and all sorts of data types, it can start to be a pain. Not to mention the logic for wiring everything ... more


Friday, 29 September, 2017 UTC

Dealing With Objects in JavaScript With Object.assign, Object.keys and hasOwnProperty

Dealing With Objects in JavaScript With Object.assign, Object.keys and hasOwnProperty

This post is a sort of grab bag to help you explore a few very useful methods to help you manage your objects in JavaScript. We’ll explore Object.keys , Object.prototype.hasOwnProperty and the newer Object.assign . hasOwnProperty hasOwnProperty is a ... more


Thursday, 28 September, 2017 UTC

Implementing A Pure CSS Collapsible

Implementing A Pure CSS Collapsible

Collapsible widgets are a popular way to create sections of content that can contract and expand. There are a ton of different implementations out there. Here, thanks to checkbox input elements, label elements and the :checked pseudo-selector, we’ll ... more


Tuesday, 26 September, 2017 UTC

Using Custom Elements in Angular

Using Custom Elements in Angular

We covered how to use Web Components in Vue apps, so it’s only fitting that we also go over using custom elements as part of Angular projects. After all, both Angular and Vue.js have seamless support for custom elements. The content of this post is targeted ... more


Monday, 25 September, 2017 UTC

The Web Share API

The Web Share API

Another day, another Web API! The Web Share API is meant to help developers implement sharing functionality into their apps or websites, but using the device’s native sharing capabilities instead of having to resort to scripts from the individual social ... more


Monday, 25 September, 2017 UTC

Integrate Web Components With Your Vue.js App

Integrate Web Components With Your Vue.js App

Even though the Web Components spec and implementations may not be considered to be mature by all, there are still quite a few interesting components and projects out there that you might find useful for your own purposes. That being said, Vue still ... more