hello.js

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

Sunday, 18 November, 2018 UTC

5 Reasons Static Sites Rock!

5 Reasons Static Sites Rock!

Static Sites are the new hotness in Web Development and rightfully so. Every day on podcasts, blog articles, and tweets I see and hear more and more people converting their sites. Let's check out five reasons why so many people are moving to static sites! ... more


Thursday, 15 November, 2018 UTC

Get Started w/ Prisma for Super Simple GraphQL

Get Started w/ Prisma for Super Simple GraphQL

Almost every week we get to see a new tool or product being released for GraphQL development. Yeah, that's how hot the GraphQL ecosystem is currently is. Today, we'll be looking at one of the tools, which is Prisma. We'll be looking at how to get started ... more


Wednesday, 14 November, 2018 UTC

Build a React To-Do App with React Hooks (No Class Components)

Build a React To-Do App with React Hooks (No Class Components)

Yes, a to-do app, seems like something we’ve all done in the past. The great thing about a to-do app is that it covers all 4 aspects of CRUD; Create, Read, Update, Delete. As a developer, we need to know CRUD and a to-do app is the best way to start ... more


Thursday, 8 November, 2018 UTC

Implementing Smooth Scrolling in React

Implementing Smooth Scrolling in React

Smooth Scrolling, dont know what it is? Well, instead of clicking on a button and being instantly taken to a different part of the (same) page, the user is navigated there via a scroll animation. It's one of those subtle features on a site that makes ... more


Wednesday, 7 November, 2018 UTC

Get to Know Framer X: The React UI Creator

Get to Know Framer X: The React UI Creator

In this post we will explore Framer X, the new shiny design tool and try to make sense of its benefits as well as its capabilities. Prerequisites: This post assumes that you have basic knowledge of React. What is Framer X? Framer X is the latest and ... more


Tuesday, 6 November, 2018 UTC

Get Started with Netlify: The Simplest Way to Deploy Your JavaScript Apps

Get Started with Netlify: The Simplest Way to Deploy Your JavaScript Apps

If you follow articles, podcasts, etc. related to Web Development, you've probably at least heard of Netlify. I've heard about from multiple people and over and over again in my favorite podcast, Syntax (which you should definitely check out!). We'll ... more


Monday, 5 November, 2018 UTC

A New Code Editor For The Web

A New Code Editor For The Web

It's no secret that front-end configuration is way more complicated than it should be. In this article, I'll cover: A new editor concept for web development How it makes your workflow MUCH simpler for both content & code edits How you can save a ... more


Monday, 5 November, 2018 UTC

Using Sass in Create React App v2

Using Sass in Create React App v2

With the upgraded Create React App released recently, we got a lot of new tools to play with. Sass is one that I'm excited to have built in since we used to have to have .scss files compile and write to .css files right in our folder structure. Messy ... more


Thursday, 1 November, 2018 UTC

Your Source Maps are Broken. Here's How to Fix Them

Your Source Maps are Broken. Here's How to Fix Them

Source maps are awesome. Why? Because they are used to display your original JavaScript while debugging, which is a lot easier to look at than minified production code. In a sense, source maps are the decoder ring to your secret (minified) code. However, ... more


Thursday, 1 November, 2018 UTC

Build and Deploy a Serverless Function to Netlify

Build and Deploy a Serverless Function to Netlify

Recently, Netlify has become one of the most popular hosts in Web Development. Netlify offers an incredible variety of features like serverless (lambda) functions, free https certs, and more! Since Netlify is well known for hosting static sites that ... more


Tuesday, 30 October, 2018 UTC

4 Uses of JavaScript's Array.map() You Should Know

4 Uses of JavaScript's Array.map() You Should Know

From the classic forloop to the forEach() method, various techniques and methods used to iterate through datasets abound JavaScript. However, one of the more popular methods is the .map() method. .map() creates an array from calling a specific function ... more


Tuesday, 30 October, 2018 UTC

Using Create React App v2 and TypeScript

Using Create React App v2 and TypeScript

Now that Create React App v2 is out, official TypeScript support comes with it. This is an exciting thing for JavaScript users that use TypeScript. TypeScript is a powerful tool that helps us write safer and self-documenting code. We can catch bugs faster ... more


Monday, 29 October, 2018 UTC

These 2 Unpopular Functions Will Improve How You Manipulate JavaScript Array Data

These 2 Unpopular Functions Will Improve How You Manipulate JavaScript Array Data

Stupidity, outrage, vanity, cruelty, iniquity, bad faith, falsehood - we fail to see the whole array when it is facing in the same direction as we - Jean Rostand JavaScript has come a long way, it's progressively evolving at a compelling rate and winning ... more


Saturday, 27 October, 2018 UTC

Getting Started with React Hooks

Getting Started with React Hooks

React Hooks are a great new feature coming in React 16.7. React 16.6 brought some awesome new things like React.memo() and React.lazy and Suspense. The React team isn't stopping there. Hooks are a feature that you'll end up using every single day of ... more


Tuesday, 23 October, 2018 UTC

How to implement multiple user authentications using Laravel Guards

How to implement multiple user authentications using Laravel Guards

Introduction As developers, there are couple of times where your application will require different type of users. Take for instance you're building a Hospital Management software and you need both Doctors and Patients to be entirely unique users. How ... more


Tuesday, 23 October, 2018 UTC

Introducing GitHub Actions

Introducing GitHub Actions

The software development process from conception of the idea to writing of code and finally deploying the finished product can be quite tedious at times. You need to handle a variety of things beyond just writing the code. But what if you could take ... more


Tuesday, 23 October, 2018 UTC

Use the React Profiler for Performance

Use the React Profiler for Performance

With React, building high performance web applications became very easy because of the framework's re-rendering on the JavaScript virtual DOM, which helps it to quickly determine the changes needed when a user event is occurring. When writing complex ... more


Saturday, 20 October, 2018 UTC

How to build a telegram bot using Node.js and Now

How to build a telegram bot using Node.js and Now

Introduction Serverless deployment, the intriguing topic grabbing a lot of attention from rookies and veterans alike in the tech ecosystem is finally here. In this article we'll be taking a practical approach to serverless deployment, also referred to ... more


Monday, 15 October, 2018 UTC

What's New in Create React App 2

What's New in Create React App 2

Yes!! It keeps getting better, I am as excited as you are. Create-react app is the most wildly used react boiler plate there is today, it helps you focus on writing code, and then handles the build and testing for you. It literarily does all the work ... more


Thursday, 11 October, 2018 UTC

Building Intelligent Apps with MongoDB and Google Cloud - Part 1

Building Intelligent Apps with MongoDB and Google Cloud - Part 1

Data analytics is a perpetual underachiever. Every generation of tools promises us better insight and never quite delivers. So we get stuck re-platforming and re-designing, hoping the next iteration will finally get us to the intelligence utopia. Yet ... more


Thursday, 11 October, 2018 UTC

Creating Multistep Forms With React and Semantic UI

Creating Multistep Forms With React and Semantic UI

Forms are the standard method used to collect user inputs on web applications. However, sometimes we may be collecting large amounts that may result in a very large form with several fields. This can be a pain not just for the user but for the developer ... more


Thursday, 11 October, 2018 UTC

Build a Custom Toggle Switch with React

Build a Custom Toggle Switch with React

Building web applications usually involves making provisions for user interactions. One of the major ways of making provision for user interactions is through forms. Different form components exist for taking different kinds of input from the user. For ... more


Thursday, 11 October, 2018 UTC

Authenticate a Node ES6 API with JSON Web Tokens

Authenticate a Node ES6 API with JSON Web Tokens

In this guide, we'll be implementing token based authentication in our own node.js A.P.I. using JSON web tokens. To keep this short and relatively sweet, if you'd like to read about what tokens are and why you should consider using them, have a look ... more


Thursday, 11 October, 2018 UTC

React Apps with the Google Maps API and google-maps-react

React Apps with the Google Maps API and google-maps-react

This tutorial aims at integrating the google maps API to your React components and enabling you to display maps on your website. Introduction to Google Maps API. At some point of our lives, we've all gotten a chance to use and interact with the google ... more


Thursday, 4 October, 2018 UTC

JavaScript Functional Programming Explained: Fusion & Transduction

JavaScript Functional Programming Explained: Fusion & Transduction

Fusion and transduction are probably the most "blow-my-mind" practical tools I've picked up in my time studying Functional Programming. They're not tools I use every day, nor are they strictly ever necessary...But, they completely changed the ... more


Thursday, 4 October, 2018 UTC

Building A Movie Information App With Ionic 3

Building A Movie Information App With Ionic 3

Introduction This application covers several important concepts in Ionic development that will help you on your way to becoming an awesome hybrid mobile applications developer. For this tutorial, basic knowledge of HTML and CSS is expected. Some familiarity ... more


Monday, 1 October, 2018 UTC

Best Packages and Themes for Hyper: The Terminal Built on Web Technologies

Best Packages and Themes for Hyper: The Terminal Built on Web Technologies

Hyper is a terminal built on web technologies, based on JavaScript, HTML and CSS providing a beautiful and extensible experience for command-line interface users. Hyper achieves a lot of its speed and functionality thanks to the power of hterm underneath, ... more


Saturday, 29 September, 2018 UTC

Building a Google search clone SPA with Vue and Flask

Building a Google search clone SPA with Vue and Flask

Introduction A few weeks ago, in the course of seeking for a developer role, I completed a technical assessment test and the entirety of this article is based on the development process; I thought it would be great to write about how I completed it, so ... more


Friday, 28 September, 2018 UTC

Using Parcel In A Vue.js App

Using Parcel In A Vue.js App

When it comes to bundler, Webpack seems to be the de-facto bundler within the Vue.js community. In this tutorial, I will be showing you how to use Parcel in a Vue.js application completely from scratch. What is Parcel Parcel is a blazing fast, zero configuration ... more


Friday, 28 September, 2018 UTC

Create Vue Apps Visually with the Vue CLI User Interface Tool

Create Vue Apps Visually with the Vue CLI User Interface Tool

Most JavaScript frameworks these days usually have some sort of Command Line Interface (CLI) that enables users quickly scaffold applications and get straight to building apps, without doing repetitive set up tasks. Some common ones are: Vue CLI Angular ... more