hello.js

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

Wednesday, 29 May, 2019 UTC

Angular MVC - A Primer

Angular MVC - A Primer

When designing software with a user interface, it is important to structure the code in a way that makes it easy to extend and maintain. Over time, there have been a few approaches in separating out responsibilities of the different components of an ... more


Wednesday, 29 May, 2019 UTC

Angular 8: Upgrading & Summary of New Features

Angular 8: Upgrading & Summary of New Features

Angular 8 has arrived and with it a bunch of workflow and performance improvements. Like we did for the previous few releases, let’s go over what’s new with Angular 8 as well as how to go about upgrading your Angular 7 apps over to Angular 8. 🐊 Alligator.io ... more


Tuesday, 28 May, 2019 UTC

Using Props with Svelte

Using Props with Svelte

Props, popular with other frameworks such as React and Vue.js, are a very efficient way to enable component communication. Props are used in Svelte as you’d expect. They are passed top-down from parent components to children and are used to specify data ... more


Tuesday, 28 May, 2019 UTC

Understanding the res Object in Express.js

Understanding the res Object in Express.js

The res object in Express.js, short for response , gives you a simple interface to respond to HTTP requests. In this article, we’ll cover the most important parts of res . Check-out this sister post if you’re interested in the req counterpart for access ... more


Tuesday, 28 May, 2019 UTC

Understanding the req Object in Express.js

Understanding the req Object in Express.js

Express.js is the most popular server framework because it provides a developer-friendly abstraction of the core http module in Node.js. It’s like using jQuery instead of document.querySelectorAll because it lets you, the developer, be way more productive! ... more


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