Monthly Archives: October 2019

Deploying a static NuxtJS site to Cloudflare Workers

By tarunmangukiya

Recently Cloudflare announced Workers support for static sites. This opens up a whole new era of static website deployment. Cloudflare Workers is a Serverless platform that allows us to write and run JavaScript and WebAssembly on their Edge network. Now with the help of Cloudflare KV and Workers, we can deploy static websites built or generated with Nuxt, Hugo, Gatsby or Jekyll directly to their network.

Workers Sites are very appealing due to

  • Low Cost
  • Very Fast
  • Secure
  • Easy to Scale

I am using Cloudflare Workers since last 1 year for different purposes. I am mostly working with VueJS for frontend development, and prefer NuxtJS for complex websites that requires support for routing, store management and many more.

When they announced support for static sites, first thing on my mind was that what if we can deploy NuxtJS site to Workers? This will be game changing, as I won’t have to switch between multiple providers lik

Source:: scotch.io

Picking Your Tech Field as a Newbie

By Akintunde Sultan

Experience is the best teacher, but no one said it has to be your experience

As a newbie just starting in tech, one of the most challenging decisions you have to make is choosing a tech stack to learn, you’ll probably be thinking of choosing web, and you still have to decide if you’ll be a Frontend developer or a Backend major, while you’re at this, you’ll see folks building mobile applications for Android or IOS, and the apps they are building will interest you, A lot of other fields like Java, .NET, C, Ruby, Go and a lot more will cross your path, and you’ll have to choose one to start with; you can always change in the future though, but exactly how do you make that first decision?

Your first programming language does not determine what you’ll do for the rest of your life, in fact, after going through this article, you’ll find out

Source:: scotch.io

Using an Image CDN to Speed Up Image Delivery from Amazon S3

By Ken Jones

Cloud storage offers companies many benefits like redundancy and lower costs. All the big cloud providers have their own version of cloud storage. Launched as early as 2006, Amazon S3 is one of the more popular cloud storage services. S3 (Simple Storage Service) is very convenient for storing all sorts of website files. In addition to dumping log data there, site owners frequently store web content like images on S3, and in turn, display the images on a website.

In fact, according to the public data set HTTParchive available in Google Bigquery, more than 10% of the websites use S3 as image storage. Most of these have a general-purpose CDN in front. However, almost 20% of the websites that use S3 as image storage serve images straight from S3 without a CDN in front.

Amazon S3 is Slow and Images are Heavy

Amazon S3 is known to be slow when serving web content directly. One reason why it is

Source:: scotch.io

Proxies and Generators in JavaScript

By Jordan Irabor

Let’s take a dive at two constructs that were introduced in the JavaScript ES6 specification:

  1. Proxy
  2. Generator

A solid understanding of these constructs will prove handy when working with JavaScript at a relatively low level. In this article, we will go over certain use cases where these constructs fit right in and will definitely save you several keystrokes.

Proxies

A Proxy, in simple terms, is an object that controls access to another object. According to the MDN docs:

The Proxy object is used to define custom behaviour for fundamental operations (e.g. property lookup, assignment, enumeration, function invocation, etc).

This description roughly translates into the idea that we can intercept fundamental operations (e.g function invocation, property lookup, assignment, enumeration, etc) on ob

Source:: scotch.io

7 Ways to Implement Conditional Rendering in React Applications

By Philip Obosi

With React, we can build Single Page Applications that are dynamic and highly interactive. One way we fully utilize such interactivity is through conditional rendering.

Conditional rendering as a term describes the ability to render different UI markup based on certain conditions. In React-speak, it is a way to render different elements or components based on a condition. This concept is applied often in the following scenarios:

  • Rendering external data from an API
  • Showing/hiding elements
  • Toggling application functionality
  • Implementing permission levels
  • Authentication and Authorization

In this article, we examine seven(7) ways to implement such conditional rendering in React applications.

The Challenge

As a challenge, based on the value of isLoggedIn in our component state, we want to be able to display a Login button if the user isn’t log

Source:: scotch.io