Posts in Category: web tricks

Realtime Exchange Rates With Currencylayer

Ever wanted an accurate and reliable currency data that can be easily integrated into your business; be it CRM, ERP, accounting applications etc., built in any programming languages? Then say hello to currencylayer.

In this article, I will show you how to use two of currencylayer’s services: live exchange rates and historical exchange rates.

What is currencylayer?

Currencylayer provides a reliable exchange rates and currency conversion for your business. It does these by providing an easy to integrate REST API

Read More

Introduction To Koa – The Future of Express

Express is one of the most popular Node.js frameworks out there. With about about 4+ million weekly downloads, Express has clearly made its mark in the world of Node.js and JavaScript.

Koa is a newly popular web framework created by the team behind Express. It aims to be a modern and more minimalist version of Express. Some of its popular characteristics are its support and reliance on new JavaScript features such as generators and Read More

Get to Know React's New Context API

In a world where there are lots of different front-end frameworks, it’s always hard to know which one to pick. Do I want to use the ever popular Angular? Or would diving into VueJS be beneficial to my scope of knowledge?

Then we have ReactJS, a framework created by Facebook that seems to be taking the front-end framework world by storm. Using components, a virtual DOM, and JSX (that’s for a different day!), React seems to cover it all, making it

Read More

How Error Monitoring Helps You Find Bugs BEFORE Users Do

One of the biggest distractions to any software team building web and mobile applications is the act of fixing up problems in previously written code.

I’m willing to bet that your personal performance is measured on how much you build, innovative and deploy rather than how much error free code you release or how much technical debt you manage to scoop up on your way. So it always seems like a huge hassle or distraction to be having to go back

Read More

Code Challenge #10: Lazy Loading Animal Memes

In a bid to lower the load times of a website, several techniques have been developed. One such technique is the lazy loading of images on the page.


As seen above, in this challenge we shall be lazy loading the images on the page. When the page is loaded, only the image placeholders which appear completely in the viewport are fetched.

Hint: The code from this previous challenge could be helpful.

The Challenge

As a performance improvement

Read More

Web Scraping Scotch: The Node Way

A lot of new web technologies and design paradigms have emerged in the last couple of years. Some programming languages are beginning to gain increasing popularity. It’s very likely to have heard about concepts like responsive design, hybrid mobile/desktop apps, progressive web apps(PWAs), single page applications(SPAs), server-side rendered(SSR) apps, serverless architechture, the list goes on.

While every modern web developer aims at getting up to speed with these technologies, there are a few less popular web concepts and techniques that are

Read More

Add Authentication to Any Web Page in 10 Minutes

This content is sponsored via Syndicate Ads

Adding authentication to web pages can be pretty annoying.

While I’d like to say that over the course of my programming tenure I’ve learned to easily add authentication to any app I create, my attempts tend to devolve into me bickering with myself endlessly over a User schema and the most efficient way to share my user data between components.

One of the greatest things that’s happened in recent years, however, is the

Read More

8 Awesome New Features in Sublime Text 3.1

What are developers without code editors? I can’t seem to think of a clear answer to that. In recent times, code editors have evolved from traditional IDEs to smarter and faster tools. While some favor speed with a minimal user interface (Sublime Text), others choose extended functionality at the cost of lesser speed (Atom, WebStorm).

Sublime Text is one such code editor that favors speed. It is still incredibly fast

Following the recent release of the Sublime Text 3.1, we shall be

Read More

Conditional Routing with React Router v4

When building React applications, one thing developers don’t like to utilize is routing in React – usually because of the assumed learning curve involved. In this article, we are going to debunk that myth and show you how easy it is to implement routing and serving responsive routes in your React applications.

In layman’s terms, responsive routing is pretty much serving different routes to users based on the viewport of their device. CSS media queries are usually used to achieve this.

Read More

Build A Scroll-Spy Navbar (Solution to Code Challenge #9)

Last week we put out a challenge to build out a scroll-spy navbar. Scroll-spy navbars are great and highlights the navbar menu when a specific element or portion of the page comes into view. Are you yet to take the challenge? Do so and showcase your submission in the comment section of the post or on Twitter using the hashtag #scotchchallenge to receive reviews. This challenge can be completed using any language, tool, technique or technology.

In this

Read More

Announcing THE Book on Server Side Rendering for React with Next.js

With the high demand for SEO and high-performant web application, server-side rendering has become innevitable for commercial websites since they need to be found and ranked higher than their competitors.

Building SSR with frontend frameoworks/libraries like React is quite challenging and the flow can get tricky.

Next.js is a platform that simplifies SSR and helps the developr focus on just building a React app.

Why NextJS

Next.js was built to bridge the gap between frontend and backend development. Since

Read More