hello.js

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

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


Thursday, 10 January, 2019 UTC

Server Side Rendering with Angular Universal

Server Side Rendering with Angular Universal

Single-page Apps (SPAs) are aptly named - there is literally only one single HTML document that is served initially to a client. Any new views that are required in the app are generated solely on the client via JavaScript. The request-response cycle ... more


Thursday, 10 January, 2019 UTC

Objects, Prototypes and Classes in JavaScript

Objects, Prototypes and Classes in JavaScript

Considering the fact that almost everything in JavaScript is an object, object oriented JavaScript code is very different from other object-capable languages. The JS object system is more of a prototype-based object system instead. Coming from a C++ ... more


Tuesday, 8 January, 2019 UTC

Using Storybook with React & Redux

Using Storybook with React & Redux

Storybook allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. Along with these developer experience (DX) benefits, Storybook works nicely with traditional component development and ... more


Saturday, 5 January, 2019 UTC

Rendering Arrays in React

Rendering Arrays in React

One of the advantages of using a modern web language like JavaScript is that you can automate the generation of chunks of HTML quickly and easily. Using something like a loop against an array or an object means you only have to write the HTML per item ... more


Monday, 31 December, 2018 UTC

Performant Lists in React with react-window

Performant Lists in React with react-window

When building a web application with React, you sometimes have the need to display a large amount of data. Simply rendering it all in a list can become very slow, which can affect the rest of the application. react-window seeks to solve this problem ... more


Friday, 21 December, 2018 UTC

What's New in React v16.7

What's New in React v16.7

Not that long ago, React v16.6 was released with some pretty awesome new features. Just in time for Christmas, the React team has released React v16.7 but not with the big feature we were all expecting to get our hands on over the holiday, Hooks. Yes, ... more


Friday, 14 December, 2018 UTC

Code Splitting with React Suspense

Code Splitting with React Suspense

React.Suspense , along with React.lazy() , introduced in v16.6, adds new functionality that allows components to wait for something before actually rendering. This new ability makes code splitting and lazy loading of React components a breeze! Getting ... more


Wednesday, 12 December, 2018 UTC

A Brief Introduction to Expo

A Brief Introduction to Expo

If you find yourself looking to create cross platform mobile applications with React, you’ll have likely heard of React Native and Expo. To summarize, Expo can be thought of as a set of libraries and tools that provide easy access to native device functionality ... more


Tuesday, 11 December, 2018 UTC

Testing Vue with Jest

Testing Vue with Jest

The importance of testing Vue.js applications shouldn’t be understated and Jest makes this easier than ever. As we’re inside of the Vue.js environment, we’ll also be using vue-test-utils to make it easy when interfacing with native Vue elements. 📚 Recommended ... more


Sunday, 9 December, 2018 UTC

How to use Vue.js with Electron and Vuex

How to use Vue.js with Electron and Vuex

Electron makes it easy to create cross platform desktop applications with JavaScript. As it uses the Node.js runtime, we have the luxury of using any frontend framework we want! In this article, we’ll be looking at getting up and running with Vue and ... more


Thursday, 6 December, 2018 UTC

Introduction to React Hooks

Introduction to React Hooks

Function components are great, but they are freakin’ dumb. They do exactly what they are told by way of properties and that’s about it. The moment you need them to be mindful of their state, you are forced to rewrite them as class components. Fortunately, ... more


Saturday, 1 December, 2018 UTC

HTML5 Input Types Explained

HTML5 Input Types Explained

Remember searching for the perfect color picker library for jQuery? Remember writing code to generate the multiple select boxes that make up a date? As HTML has matured over the years, new improvements have replaced our old ways. Some welcome additions ... more


Monday, 26 November, 2018 UTC

Tricks with JavaScript Destructuring

Tricks with JavaScript Destructuring

In order to understand the newer destructuring syntax introduced in ES6, let’s cover the “old” way. I’ll mention this a couple times throughout, but these are optional syntaxes that MAY help. There are still some use cases that are cleaner with the original ... more


Saturday, 24 November, 2018 UTC

High Level Introduction to React Static

High Level Introduction to React Static

React Static is a modern static-site generator built with ease and flexibility in mind. It provides SSR (server-side rendering), code-splitting, automatic prefetching, and more out-of-the-box. Along with a focus on React and functional data flow, there ... more


Friday, 23 November, 2018 UTC

Running TypeScript Scripts With Ease with ts-node

Running TypeScript Scripts With Ease with ts-node

While not for everybody, TypeScript, as well as other strongly typed languages, have been gaining in popularity. With TypeScript being a superset of JavaScript, using it means transpiling your *.ts files down to pure JavaScript before the V8 engine can ... more


Saturday, 17 November, 2018 UTC

Testing HTTP Requests in Node.js Using Nock

Testing HTTP Requests in Node.js Using Nock

Writing tests can be a very important part of your development cycle. Most code is easy to test, data goes in, write tests to make sure the right data comes out. Things start to get difficult when you introduce network requests. It’s easy enough to stand ... more


Friday, 16 November, 2018 UTC

Authentication in a React Native App Using AWS Amplify

Authentication in a React Native App Using AWS Amplify

In this article, we will learn how to provide authentication to a React Native application, using AWS Amplify . AWS Amplify is a declarative API for all of the services in the AWS suite. Amplify simplifies the setup for an AWS application with the Amplify ... more


Wednesday, 14 November, 2018 UTC

Latest Changes in vue-test-utils

Latest Changes in vue-test-utils

Recently, I’ve updated my book, Testing Vue.js Components with Jest, to reflect the latest versions of vue-test-utils and Jest. Doing that, I found out some things changed and other cool features were added to vue-test-utils over the last months. In ... more


Wednesday, 14 November, 2018 UTC

Create a Real-Time App with Socket.IO, Angular, and Node.js

Create a Real-Time App with Socket.IO, Angular, and Node.js

WebSocket is the internet protocol that allows for full duplex communication between a server and clients. This protocol goes beyond the typical HTTP request/response paradigm; with WebSockets, the server may send data to a client without the client ... more


Monday, 12 November, 2018 UTC

Categorizing Components Into Smart & Dumb Components, in React

Categorizing Components Into Smart & Dumb Components, in React

As you’re working with React.js or React Native, you’ll quickly notice the ✨magic✨ and flexibility that comes with components. Components save us a great deal of time by breaking down the user interface into reusable code while the component architecture ... more


Saturday, 10 November, 2018 UTC

Styling Output from Command-line Node.js Scripts with Chalk

Styling Output from Command-line Node.js Scripts with Chalk

The command-line is powerful, but oftentimes it’s bland and boring. Dark text on a light background, light text on a dark background. It can be seriously bleak. Fortunately it doesn’t have to be a monochromatic wasteland. With the addition of chalk to ... more


Wednesday, 7 November, 2018 UTC

Up and Running with the Serverless Framework

Up and Running with the Serverless Framework

In this article I’m going to walk you through using the Serverless framework to setup your very first AWS Lambda function. Serverless architecture is a very powerful way to leverage functions as a service and remove server scaling concerns. It is also ... more


Monday, 5 November, 2018 UTC

Building a blog with Gridsome: Listing All Posts and Pagination

Building a blog with Gridsome: Listing All Posts and Pagination

In the previous post I described how to get started with Gridsome, a Vue.js technology that you can use to build data-driven static websites based on different resources that are accessible using GraphQL. In the previous post, you can also see how to ... more


Friday, 2 November, 2018 UTC

Handling Command-line Arguments in Node.js Scripts

Handling Command-line Arguments in Node.js Scripts

If JavaScript is your language of choice, then you’ve probably written your fair share of command-line scripts that run on Node.js. Oftentimes you can get away with writing simple one-off scripts that only serve a single purpose. Other times you may ... more


Friday, 2 November, 2018 UTC

Angular Console: Simplifying the Angular CLI Experience

Angular Console: Simplifying the Angular CLI Experience

If you’ve spent any time at all with Angular (and if you’re reading this, I am assuming you have), then there is no denying the power and convenience that is the Angular CLI. In just a few keystrokes, you can generate a fully-featured web app. This is ... more