hello.js

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

Friday, 24 May, 2019 UTC

How to Use __dirname in Node.js

How to Use __dirname in Node.js

The double underscores in __dirname looks intimidating but it’s not! It’s a useful variable that’s been around since the beginnging of the NodeJS project. Why’s it such a core feature of Node.js? __dirname tells you the absolute path of the directory ... more


Tuesday, 21 May, 2019 UTC

Adding Sound FX to Your React Apps

Adding Sound FX to Your React Apps

In this article, learn how to incorporate sound effects in your React apps using a small library called uifx. Sound effects aren’t used often for apps. You usually just see them on Big Tech’s apps like: The iOS keyboard makes a wooden tap sound Twitter ... more


Monday, 20 May, 2019 UTC

Using the Gatsby Link Component to Navigate Between Pages

Using the Gatsby Link Component to Navigate Between Pages

Now that we’ve been over the basics of working with Gatsby to build a static website, let’s start exploring some of its internals. For this post, I’ll cover the Gatsby Link component, which wraps the underlining Link component of Reach Router, which ... more


Friday, 17 May, 2019 UTC

Introduction to Reactivity in Svelte

Introduction to Reactivity in Svelte

We’ve touched on the very first steps to get started with Svelte 3, but in that initial post I purposely omitted to go more in-depth about one of Svelte’s killer features: reactivity. Reactivity has been all the rage in the past few years for modern ... more


Friday, 17 May, 2019 UTC

Getting Started with Svelte 3

Getting Started with Svelte 3

It has happened again! I have fallen in love once more! Or is it just infatuation? It’s too early to tell perhaps, but I’ve developed strong feelings for Svelte indeed and time will tell if it turns into a full blown relationship. What is Svelte? Svelte ... more


Wednesday, 15 May, 2019 UTC

Extracting Dominant Colors From Images in React Using react-palette

Extracting Dominant Colors From Images in React Using react-palette

In this article learn how to grab the dominant colors from an image using react-palette . When building an app, sometimes you’ll want to grab the dominant colors from an image to give your UIs some pizzazz. Using a nifty ReactJS component called react-palette ... more


Friday, 3 May, 2019 UTC

Firebase Cloud Functions: Schedule Reoccurring Functions Natively

Firebase Cloud Functions: Schedule Reoccurring Functions Natively

If you’ve ever wanted to run a Firebase Cloud Function every X minutes, hours or days, you’ll have ran into the cron job pattern before. It’s an effective way to schedule a task on a particular frequency, but there hasn’t been a way to do this from within ... more


Thursday, 2 May, 2019 UTC

Super Clean, Refactor-Friendly "import" statements in React

Super Clean, Refactor-Friendly "import" statements in React

In this article, learn a small trick to make your import statements a lot cleaner, and easier to refactor. With the latest release of create-react-app v3, the much sought-after feature for absolute imports is now supported. This feature was an inspiration ... more


Tuesday, 30 April, 2019 UTC

Intro to Progressive Web Apps (PWAs) in Angular

Intro to Progressive Web Apps (PWAs) in Angular

More than just a buzzword, a Progressive Web App, or PWA, is a set of guidelines to utilize modern browser features in a way that creates a more app-like user experience. We won’t go into all the details that make an application a PWA, because it all ... more


Thursday, 25 April, 2019 UTC

Angular Developer Roadmap for 2019

Angular Developer Roadmap for 2019

2019 is an amazing time to be an Angular dev. Angular has become one of the fastest improving technologies these days with the latest stable version (v7). There are many roads you can follow if you want to become a great Angular developer. With this ... more


Tuesday, 23 April, 2019 UTC

Learn How to Build Responsive Websites in React Without CSS

Learn How to Build Responsive Websites in React Without CSS

Believe it or not, you don’t need CSS @media queries. In this article, learn a few lines of JavaScript that will allow you to mimic the features of @media queries and build fully responsive websites. The biggest reason developers don’t opt for inline ... more


Tuesday, 23 April, 2019 UTC

Take a Tour: New Features in Create React App v3

Take a Tour: New Features in Create React App v3

Huzzah! create-react-app v3.0.0 was just announced by the React Team! In this article, we’ll cover the most important features and go over some juicy code snippets. Instead of attempting to provide a comprehensive list of the changes in v3.0.0, I’ve ... more


Monday, 22 April, 2019 UTC

Your First Flutter App: Hello World

Your First Flutter App: Hello World

Flutter is a new Open Source framework created by Google that focuses on the creation of cross platform applications. Flutter primarily targets iOS and Android, but is increasingly adding support for desktop platforms too. In this article, we’re going ... more


Friday, 19 April, 2019 UTC

Battle of the Routers: Reach Router vs React Router

Battle of the Routers: Reach Router vs React Router

In this article, get an overview of Reach Router along with code snippets from React Router to see how both libraries stack up against each other. Reach Router is authored by Ryan Florence. If you recognize his name it’s because he’s the original co-author ... more


Friday, 19 April, 2019 UTC

Working with Singletons in JavaScript

Working with Singletons in JavaScript

The Singleton is one of the most well known and hated design patterns amongst developers. It is very easy to implement a basic version of the singleton pattern (probably why it’s abused so much). In this article, we’ll take a look at what singletons ... more


Wednesday, 17 April, 2019 UTC

const vs Object.freeze() in JavaScript

const vs Object.freeze() in JavaScript

One of the most common uses of an object is to hold states - like configuration values or constants used by your application. They are usually globals (which eliminates the need to pass them around as function parameters) but globals are not safe if ... more


Tuesday, 16 April, 2019 UTC

Getting 60fps Animations in React

Getting 60fps Animations in React

In this article, learn some CSS “hacks” to get 60fps animations in React.js. If you haven’t been using them already, you might kick yourself once you see they can be the difference between jittery and silky smooth animations. Since 2012, every major ... more


Saturday, 13 April, 2019 UTC

How To Set Up Firebase in Ionic 4 and Angular

How To Set Up Firebase in Ionic 4 and Angular

Google Firebase is the love of my life. It’s noSQL and easily accessible online, thanks to Google’s sweet UX team. Firebase gives you functionality like analytics, auth, databases, messaging and crash reporting so you can move quickly and focus on your ... more


Friday, 12 April, 2019 UTC

Replacing Component Lifecycles with the useEffect Hook, in React

Replacing Component Lifecycles with the useEffect Hook, in React

React Hooks are revolutionizing the way we develop in React and solving some of our biggest concerns. The useEffect Hook allows us to replace repetitive component lifecycle code. Essentially, a Hook is a special function that allows you to “hook into” ... more


Friday, 12 April, 2019 UTC

Angular: Performance Analysis with webpack Bundle Analyzer

Angular: Performance Analysis with webpack Bundle Analyzer

Web performance is possibly one of the most important parts to take into account for a modern web application. The thing is, it’s easier than ever to add third party modules and tools to our projects, but this can come with a huge performance tradeoff. ... more


Wednesday, 10 April, 2019 UTC

Angular CLI: Custom webpack Config

Angular CLI: Custom webpack Config

The Angular CLI gives us all sorts of power. One of these powers is the ability to forget about the webpack configuration process. This is great for most applications, but what if you want to add custom webpack functionality? This article looks at how ... more


Tuesday, 9 April, 2019 UTC

Continuous Deployment with Angular, Travis CI and Firebase Hosting

Continuous Deployment with Angular, Travis CI and Firebase Hosting

Angular allows us to build performant web applications that can be deployed to mobile, web and desktop. Firebase Hosting is a popular service that is easy to use with a CLI tool. In this article, we’ll be using Travis CI to automate this deployment. ... more


Saturday, 6 April, 2019 UTC

How to use Internationalization (i18n) in Angular

How to use Internationalization (i18n) in Angular

The consumption of modern web and mobile experiences is a worldwide thing. It isn’t just related to the locals around you and the surrounding culture. Therefore, just as you’d ensure that your design is aestheticly-pleasing and accessible, you should ... more


Friday, 5 April, 2019 UTC

How to use Axios with JavaScript

How to use Axios with JavaScript

Axios is an open source library that allows us to easily make HTTP requests. It’s effectively just fetch with extra superpowers! Let’s see this in action by creating a new HTML5 project: # Create directory with a name of your choosing $ mkdir axios-js ... more


Tuesday, 2 April, 2019 UTC

Ionic 4: Live On-Device Testing with Ionic DevApp

Ionic 4: Live On-Device Testing with Ionic DevApp

Cables. Who needs them? Not you, because you’re using Ionic DevApp! This is an awesome application available on the iOS and Android stores that allow you to test your Ionic applications on the device, quickly and easily. Better yet - all changes that ... more


Friday, 29 March, 2019 UTC

Understanding Closures in JavaScript

Understanding Closures in JavaScript

Closures have been hard to explain traditionally because, despite their usefulness, they work silently in the background to make things work, the stuff we take for granted. In this article, I’ll try to cover the basics of what a closure is and why JavaScript ... more


Thursday, 28 March, 2019 UTC

Ionic 4.1 and React: Navigation

Ionic 4.1 and React: Navigation

Navigating between pages is a core feature of any mobile application. Let’s look at how we can achieve this with React, React Router and Ionic 4. For this article, I’m going to assume that you have a React and Ionic 4 application already up and running. ... more


Thursday, 28 March, 2019 UTC

A Quick Introduction to Hyperapp

A Quick Introduction to Hyperapp

Hyperapp is a very small micro-framework used to build declarative web applications. It’s only 1kB in size and the API is similar to React’s, perfect, right?! We’ll build a small counter app to demonstrate how Hyperapp works. New Hyper project To get ... more


Friday, 22 March, 2019 UTC

Built-in Web Modules: How to Use KV Storage

Built-in Web Modules: How to Use KV Storage

The release of KV Storage is a big deal for the web platform. It’s part of the Standard Library Proposal which could see a more extensive standard library being introduced for JavaScript. Before jumping in to what kv-storage is, let’s first discuss how ... more


Friday, 22 March, 2019 UTC

Free Programming Courses from Harvard, MIT, Microsoft and More

Free Programming Courses from Harvard, MIT, Microsoft and More

Did you know that you can learn programming online from institutions like Harvard, MIT and Microsoft on edX.org? The nonprofit site offers 2000 online courses from 140 institutions worldwide. Courses are free to try. Here are some of the top programming ... more