hello.js

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

Tuesday, 23 July, 2019 UTC

5 Minute Serverless Functions in Azure without an IDE

5 Minute Serverless Functions in Azure without an IDE

Microsoft Azure makes it incredibly easy to get a basic API/microservice up and running quickly! If you are unfamiliar with building serverless architectures in the Microsoft ecosystem, using Azure Functions has become a quick way to get back-end code ... more


Friday, 12 July, 2019 UTC

JavaScript Ternary Operators

JavaScript Ternary Operators

Ternary operators allow us to really quickly write shorter ** if ** statements Here's a quick example: // chris is level 100 cool // everyone else is level 999 const howCoolAmI = name === 'chris' ? 100 : 999; Let's take a deeper look at how we can rewrite ... more


Friday, 12 July, 2019 UTC

Dynamic Imports and F# Pipes Officially Land in Babel 7.5

Dynamic Imports and F# Pipes Officially Land in Babel 7.5

A few days ago, the Babel team release two new feature proposals among all the awesome features we are looking forward to at the next major release. Over time, they have added a lot new things added into the JavaScript compiler, and this time, this proposals ... more


Tuesday, 9 July, 2019 UTC

The Top Tech People to Follow on Twitter for Your Stack

The Top Tech People to Follow on Twitter for Your Stack

Twitter like other social media bring people together, and lots of everyday activities go on here too, people get jobs, sell, connect, work and even get items for free. This brings in the question of CROWD CONTROL . For a platform that has over 260 million ... more


Monday, 8 July, 2019 UTC

React Tools for VS Code - React Starter

React Tools for VS Code - React Starter

Before we move into more coding with React, let's talk about the tools that can help us streamline our React development. We want to go into our React development as well equipped as possible! Visual Studio Code is my current (and many developers') current ... more


Monday, 8 July, 2019 UTC

VS Code June Update: Status Bar Updates, Indent Guides, and more

VS Code June Update: Status Bar Updates, Indent Guides, and more

It's amazing that VS Code can consistently come out with meaningful updates month after month. The commitment that team has to the needs of the community is impressive. The June 1.36 update is out now. This update comes with some cosmetic upgrades and ... more


Monday, 8 July, 2019 UTC

Building an Animal Adoption Site with Node and Vue - Part 1

Building an Animal Adoption Site with Node and Vue - Part 1

Today we're going to build an application that showcases animals that are available for adoption! This will be a two part blog series , so in this portion we'll just learn how to setup our application and get some mock data flowing from the backend to ... more


Wednesday, 3 July, 2019 UTC

React Starter: How does JSX make HTML elements?

React Starter: How does JSX make HTML elements?

JSX makes making React components easier. Some may find JSX to have a high learning curve and that's totally understandable. It's not exactly HTML and it's not exactly JavaScript, so it can take some getting used to. We have the ability to create React ... more


Wednesday, 3 July, 2019 UTC

Exploring Sets and Maps in JavaScript

Exploring Sets and Maps in JavaScript

Let’s take~~ ~~a look into two new constructs that were introduced in the JavaScript ES6 specification: Set - The Set object allows you to store unique values of any type. Map - The Map object allows you to store key-value pairs and remembers the original ... more


Tuesday, 2 July, 2019 UTC

Playing with the New Windows Terminal

Playing with the New Windows Terminal

The new Windows Terminal was just released in Preview capacity. You'll need the latest Windows May Update to download it. I was excited to hear about the new Windows Terminal as it brings a big improvement over the default cmd and Powershell experiences. ... more


Tuesday, 2 July, 2019 UTC

Trying the New WSL 2. It's Fast! (Windows Subsystem for Linux)

Trying the New WSL 2. It's Fast! (Windows Subsystem for Linux)

Windows Subsystem for Linux is the tool that was released by Microsoft to get a full UNIX system inside of Windows. Microsoft has put in some good initiatives for developers after purchasing GitHub, making VS Code, open sourcing .NET Core, and more. ... more


Tuesday, 25 June, 2019 UTC

ES6 Arrow Functions in JavaScript - Getting Started

ES6 Arrow Functions in JavaScript - Getting Started

With ES6 JavaScript came many updates to the language including the spread operator, object destructuring, new type of variables, and more. On top of all those amazing features came arrow functions , a new and concise way to write functions. In this ... more


Saturday, 22 June, 2019 UTC

React Starter: JSX Gotchas

React Starter: JSX Gotchas

JSX is a very powerful technology. With all new things that we have to learn, there is a bit of a learning curve. Let's talk about some of the gotchas when using JSX. These are some common things that are overlooked when first starting with JSX. I am ... more


Thursday, 20 June, 2019 UTC

Handling File Uploads in GraphQL and Vue

Handling File Uploads in GraphQL and Vue

In this tutorial, I'll be showing you how to hand file uploads in GraphQL by building a fullstack app. The tutorial will be divided into two main sections: building the GraphQL API and the frontend app. The GraphQL API will be built using Apollo Server ... more


Tuesday, 18 June, 2019 UTC

Game of Thrones Quiz Game with React and GraphQL: Initiate Backend Connection

Game of Thrones Quiz Game with React and GraphQL: Initiate Backend Connection

Now that our frontend application is running, the next step is to set up the client to communicate with the server. We’ll make use of the apollo-boost package to achieve this. The package provides a client for connecting to the GraphQL backend. Let’s ... more


Tuesday, 18 June, 2019 UTC

Game of Thrones Quiz Game with React and GraphQL: Set up GraphQL Query For the Quiz Questions

Game of Thrones Quiz Game with React and GraphQL: Set up GraphQL Query For the Quiz Questions

Now we’ll create a component to render the data in the 8base backend. This component will handle the fetching of data using GraphQL queries and will render the fetched data accordingly. To get started, create a folder components in the /src directory. ... more


Tuesday, 18 June, 2019 UTC

Game of Thrones Quiz Game with React and GraphQL: Create The Questions component

Game of Thrones Quiz Game with React and GraphQL: Create The Questions component

Let’s create the Questions component, open the src/components/questions/index.js file and update the file with the following: // src/components/questions/index.js import React, { useState } from "react"; import gql from "graphql-tag"; ... more


Tuesday, 18 June, 2019 UTC

Game of Thrones Quiz Game with React and GraphQL: Single Question Component

Game of Thrones Quiz Game with React and GraphQL: Single Question Component

Create a folder called question within the src/components directory and a file index.js within it. Open the file and copy the following into the file: //src/components/question/index.js import React, { useState } from "react"; const Question ... more


Tuesday, 18 June, 2019 UTC

Game of Thrones Quiz Game with React and GraphQL: Introduction

Game of Thrones Quiz Game with React and GraphQL: Introduction

After two years of wait, the critically acclaimed final season of Game of Thrones has come and gone leaving most viewers half full and discontent. There was always that feeling that the final season of such a great show had to end with a bang that will ... more


Tuesday, 18 June, 2019 UTC

Game of Thrones Quiz Game with React and GraphQL: Create the Questions Form

Game of Thrones Quiz Game with React and GraphQL: Create the Questions Form

We’re going to make use of some new packages for creating questions. Open a terminal in your project folder and run the following command: npm install react-modal react-tagsinput react-toastify 8base/file-input Let’s go through the purpose of each package: ... more


Tuesday, 18 June, 2019 UTC

Use Vue.js Data Binding Options for Reactive Applications

Use Vue.js Data Binding Options for Reactive Applications

Vue.js is known as a "progressive framework for building user interfaces". There's a lot to unpack in this simple statement. It's easy to get started with Vue.js, with a minimal feature set, and then layer in more of the framework as you need ... more


Tuesday, 18 June, 2019 UTC

Game of Thrones Quiz Game with React and GraphQL: Creating the Question Modal

Game of Thrones Quiz Game with React and GraphQL: Creating the Question Modal

Create a folder named question-modal within the src/components directory and a file index.js within it. Open the file and update it with the snippet below: import React from "react"; import Modal from "react-modal"; import QuestionForm ... more


Tuesday, 18 June, 2019 UTC

Game of Thrones Quiz Game with React and GraphQL: Setting up a React App

Game of Thrones Quiz Game with React and GraphQL: Setting up a React App

To get started, we will use create-react-app to bootstrap our application. To create the application using the create-react app CLI, run: npx create-react-app 8base-quizapp If you noticed, we used npx rather than npm. npx is a tool intended to help round ... more


Tuesday, 18 June, 2019 UTC

Deep Dive into GraphQL Mutations

Deep Dive into GraphQL Mutations

This is a continuation on the series i’ve been doing on GraphQL Actions. In the last post on this series we worked on a Deep Dive into Queries. This time, we will take a closer look at Mutations. There’s a lot of similarities in the way GraphQL Queries ... more


Thursday, 13 June, 2019 UTC

React Starter: The Many Ways to Return JSX

React Starter: The Many Ways to Return JSX

JSX is a great tool because it has so much flexibility. There are many ways to achieve the same thing. For this reason, it can be confusing for new developers when they see different tactics for defining and returning JSX elements. Let's take a look ... more


Thursday, 13 June, 2019 UTC

React Starter: JSX Basics

React Starter: JSX Basics

JSX is the templating language for React. JSX is also one of the main reasons why devs say they dislike React at first. As with all new tools, there will be a learning curve. JSX is no different. I am a big believer that learning JSX will make you a ... more


Thursday, 13 June, 2019 UTC

Detect Responsive Screen Sizes in Angular

Detect Responsive Screen Sizes in Angular

Most of the time, we use CSS media queries to handle responsive, screen size changes to layout our content differently. However, there are times where CSS media queries alone isn't sufficient for that. We need to handle the responsiveness in our code. ... more


Thursday, 13 June, 2019 UTC

Why I'm Switching to YouTube from Twitch for Live-Coding

Why I'm Switching to YouTube from Twitch for Live-Coding

A few months ago, I started live-coding and streaming on Twitch. It was an experiment to get closer to the community and give back to let people see my coding/writing/editing process. I wanted to show off all the things I do when building scotch.io in ... more


Tuesday, 11 June, 2019 UTC

Building a UI Component with React and Storybook

Building a UI Component with React and Storybook

In the previous article, I gave an Introduction to Storybook and how it can be used to organize and build JavaScript components. Storybook is a UI library that can be used to document components. In this article, I’ll be explaining how to build an interactive ... more


Monday, 10 June, 2019 UTC

Easily Deploy a Serverless Node App with ZEIT Now

Easily Deploy a Serverless Node App with ZEIT Now

I wanted to deploy a simple demo node app the other day using Now, and I got into a lot of difficulties and gotchas, with little help from the official docs. If you are in my shoes, this is for you, otherwise, read on to find out how to deploy a node ... more