hello.js

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

Thursday, 7 March, 2019 UTC

Introduction to React 360

Introduction to React 360

React 360 (or React VR) is a library used to create virtual reality experiences with React and uses Three.js for rendering. As it is a React project, the API should be familiar to those that already know React. Usage of React 360 is similar to that of ... more


Thursday, 7 March, 2019 UTC

Build a Serverless Image Resizing Service - Part 1: Project Setup

Build a Serverless Image Resizing Service - Part 1: Project Setup

In my most recent article I showed you how to get Up and Running with the Serverless Framework. In this series we’ll be diving much deeper. I’ll be walking you through building a Serverless image resizing service. The service will be built using Serverless, ... more


Wednesday, 6 March, 2019 UTC

ReactXP: Building Cross Platform Apps

ReactXP: Building Cross Platform Apps

Building cross platform applications with React isn’t a new thing. Many companies have used (and still are using) React Native for mobile-first projects today. ReactXP looks to take this further by seeking to reuse the view-layer across multiple platforms, ... more


Tuesday, 5 March, 2019 UTC

D3.js: Understanding Selections and Comparing with Vanilla JavaScript

D3.js: Understanding Selections and Comparing with Vanilla JavaScript

This article aims to show how selections work within D3. We’ll start with a basic project that includes d3.js as a script with no build system: <!DOCTYPE html> <html lang="en"> <head> <title>D3: Selections</title> ... more


Sunday, 3 March, 2019 UTC

Getting Elements in JavaScript and the DOM

Getting Elements in JavaScript and the DOM

Oftentimes software libraries are created to help fill the shortcomings of a particular language. Libraries like jQuery introduced us to the idea of using CSS selectors to grab elements from the DOM, something that didn’t really exist at the time. Eventually, ... more


Saturday, 2 March, 2019 UTC

Making Progressive Web Apps (PWAs) with React

Making Progressive Web Apps (PWAs) with React

Progressive Web Applications, or PWAs, allow web developers to create web apps that can behave more like native applications. A huge selling point of PWAs is that they can work with poor network connectivity, or even with no connectivity at all! They ... more


Friday, 1 March, 2019 UTC

Ionic 4 and Angular: Tabs

Ionic 4 and Angular: Tabs

Tabs! They’re a stable way to manage multiple views in modern applications. In this article, we’ll be looking at how to use Tabs with Ionic 4. We’ll be using Ionic and Angular for this example, but as Ionic components are standard Web Components, the ... more


Thursday, 28 February, 2019 UTC

Creating a Live Search Feature in React Using Axios

Creating a Live Search Feature in React Using Axios

Axios is a powerful HTTP client that allows to easily implement Ajax requests in a JavaScript app. We’ve covered the basics of using Axios with React here, so you can read that first if Axios or Axios + React is all new to you. In this tutorial we’ll ... more


Wednesday, 27 February, 2019 UTC

Capacitor: Running a Web App on Mobile

Capacitor: Running a Web App on Mobile

Capacitor, a project built by the team behind Ionic, is a great way to take your JavaScript web applications and get them running on iOS, Android, desktop (via Electron) or the web platform. It allows you to access the native device’s SDKs and aims to ... more


Wednesday, 27 February, 2019 UTC

Ionic 4 and React

Ionic 4 and React

Mobile applications built with React typically use React Native for their library of choice. Ionic has a similar mission, but achieves it in a different way. Built with the Stencil Web Component compiler, all of the Ionic components and surrounding plugin ... more


Tuesday, 26 February, 2019 UTC

A Look at Scopes, Context, Object Reference and Instantiation in JavaScript

A Look at Scopes, Context, Object Reference and Instantiation in JavaScript

In this article, I would like to explain some tricky concepts in JavaScript that can get really confusing, depending on where you are in your development journey. Namely, I’ll discuss object references, scopes, context and instantiation in JavaScript. ... more


Friday, 22 February, 2019 UTC

Start Something Amazing with Hackathon Starter

Start Something Amazing with Hackathon Starter

The struggle of the blank page is real. Where does one begin? Do you dive right into building mission critical functionality or do you build a basic login system for the hundredth time? Maybe it’s better to focus on building a killer CI/CD pipeline before ... more


Saturday, 16 February, 2019 UTC

Tough Actin' ReactN

Tough Actin' ReactN

Out of the box, React’s state management is limited to a component’s scope or at the very most, a shared state that requires wiring components together. This lack of a global state is why things like Redux and various other packages exist. New on the ... more


Thursday, 14 February, 2019 UTC

Creating PWAs with Ionic 4

Creating PWAs with Ionic 4

Did you know that 53% of users will abandon a site if it takes longer than 3 seconds to load? Progressive web apps, or PWAs for short, solve this issue by creating faster and more reliable interfaces. This helps to grow engagement and increase conversions. ... more


Wednesday, 13 February, 2019 UTC

Using JavaScript Mixins

Using JavaScript Mixins

When it comes to advanced class composition, JavaScript has quite a number of approaches - a true smorgasbord of options. A type of pattern that is rarely spotted in the wild is the mixin-based inheritance pattern. Mixins are usually skipped by new JavaScript ... more


Monday, 11 February, 2019 UTC

Convert a React Class-Based Component to a Functional One Using a State Hook

Convert a React Class-Based Component to a Functional One Using a State Hook

Hooks are all the rage in React, especially now that they are stable as of React v16.8! The Hooks Proposal is an attempt to address several major concerns developers have with React. Essentially, a Hook is a special function that allows you to “hook ... more


Monday, 11 February, 2019 UTC

Using TypeScript with React

Using TypeScript with React

TypeScript is awesome. So is React. Let’s use them both together! Using TypeScript allows us to get the benefits of IntelliSense, as well as the ability to further reason about our code. As well as this, adopting TypeScript is easy as files can be incrementally ... more


Sunday, 10 February, 2019 UTC

Read JavaScript Source Code, Using an AST

Read JavaScript Source Code, Using an AST

Let’s say you have a big JavaScript file, remaining from the old days. It’s 70K lines long and you desperately need to split it up using webpack or consorts. Then you need know what function or constants it exposes to the global scope. Let a computer ... more


Friday, 8 February, 2019 UTC

Finally Hooked! What's New in React v16.8

Finally Hooked! What's New in React v16.8

Seems like only yesterday we anticipated the release of React v16.7 and subsequently were let down because Hooks didn’t make it into the release. Fast forward a couple of months and React v16.8 is here with Hook finally arriving to the stable channel! ... more


Friday, 8 February, 2019 UTC

JavaScript Regular Expressions for Regular People

JavaScript Regular Expressions for Regular People

Regular expressions, also known as regex or regexp, is a difficult subject to tackle. Don’t feel ashamed if you’re not 100% comfortable with writing your own regular expressions yet, as it does take some getting used to. My hope is that by the end of ... more


Wednesday, 6 February, 2019 UTC

Integrating Google Maps in Your Angular Application

Integrating Google Maps in Your Angular Application

If your Angular application calls for an interactive Google Map, manually adding the Maps API functionality is not quite as straightforward as you might think it should be. Luckily, we live in the world of Open Source, and because Angular has such an ... more


Tuesday, 5 February, 2019 UTC

Improve Your Command-line Scripts by Including a Usage Guide

Improve Your Command-line Scripts by Including a Usage Guide

If you’re already familiar with JavaScript in your day to day programming adventures, it wouldn’t be too shocking if you reached for it when you need to write a quick command-line script. Quick scripts have a tendency to be somewhat dirty, usually lacking ... more


Friday, 1 February, 2019 UTC

The JavaScript Prototypal Inheritance Pattern

The JavaScript Prototypal Inheritance Pattern

JavaScript does not contain classes and but it’s an still strongly object oriented language. The object-to-object relation in JavaScript is implemented with the prototype and the resulting prototypal pattern is very unique to JavaScript. Before the ES6 ... more


Monday, 28 January, 2019 UTC

Manage State in Angular with NGXS

Manage State in Angular with NGXS

As front-end applications become increasingly complex, with the potential of multiple actors affecting the global state of the application in different ways, it becomes easy to lose control of what’s going on with your state. If you’ve never had to worry ... more


Wednesday, 23 January, 2019 UTC

JavaScript Object Oriented Patterns: Factory Pattern

JavaScript Object Oriented Patterns: Factory Pattern

Organizing code is going to save us from a lot of pain. Using the features of Object Oriented programming, we can employ certain design patterns to achieve better readability, reduce redundancy and create abstractions, if needed. One such pattern is ... more


Tuesday, 22 January, 2019 UTC

Creating a Real-Time Bitcoin Ticker Dashboard in React

Creating a Real-Time Bitcoin Ticker Dashboard in React

Bitcoin, the popular cryptocurrency that’s going to replace traditional fiat currency in the future - say many crypto enthusiasts. Well, that’s a fact that’s becoming more of fiction, specially after last year, when Bitcoin prices rose up astronomically ... more


Friday, 18 January, 2019 UTC

Interactive Command-line Prompts with Inquirer.js

Interactive Command-line Prompts with Inquirer.js

Recently I was reviewing a sample project at work for a potential engineering candidate and was completely blown away by the prompt I was presented with from the command-line script. I was given a list of items to pick from and was able to arrow through ... more


Tuesday, 15 January, 2019 UTC

Benefits of Using TypeScript

Benefits of Using TypeScript

I discovered TypeScript some years ago while trying to understand how Angular had changed between major versions. As you know, the changes between the first and the second version of this framework were huge, so I wanted to give it a try. Everything ... more


Friday, 11 January, 2019 UTC

An Intro to Drag & Drop in Angular Using the CDK

An Intro to Drag & Drop in Angular Using the CDK

The @angular/cdk/drag-drop package from the Angular Component Development Kit (CDK) provides you the functionality to easily create drag & drop interfaces with full flexibility. It gives you an API that makes it much easier to create complex drag ... more


Friday, 11 January, 2019 UTC

Liven up Your Node.js Scripts with a Command-line Throbber

Liven up Your Node.js Scripts with a Command-line Throbber

A throbber is an animated element that indicates that the computer is working. Known by many names, such as “that f******* hourglass” or the “spinning wheel of death”, this indicator is used to convey to a user that they need to wait a moment while the ... more