If you’re looking into finding your ideal CMS for your next blog site, look no further. It works perfectly with Gatsby.js (which doesn’t need an introduction anymore) and is called Contentful.

If you’ve worked with React, you’ll know that you can use imports to import images from a specific folder and then use it in your HTML-markup

import diamondImage from '../images/diamond.png'const DiamondImage = () => {
return (
<img src={diamondImage} alt="a diamond!" />
)
}

Problem is that this causes your images to be loaded directly, which might end up influencing your lighthouse audit score as your pages will…


Introduction

Something that was added to ES6 and you’ve probably been using for a while now are template literals. In this blog post, I’m going to show you how you can use tagged template literals to step up the way you write formatted text.

If you’re knowledgeable with template literals, feel free to skip to the latest section “Tagged Template Literals” to get to the essence of this article.

Template Literals a.k.a. String interpolation

When we think about templating, our mind quickly goes to some type of re-usable piece of data/code which we can customize to our likings.

The fact that template literals are called template…


There are multiple reasons why you should take care of your Flask application

Vase with sand in it
Vase with sand in it
Photo by Simone Viani on Unsplash.

In the past two years, I’ve gotten to know the ins and outs of Flask. Flask is a very flexible Python backend framework that has lots of libraries that can be plugged into your code base without much hassle.

When writing an application, you’ll run into issues that you’ll have to try to understand and find a solution to. The four items I’ll discuss below are things on which I have lost quite some time. I wish I had known about them when I started writing my application two years ago.

I still have lots to learn, so if you’d…


Visualize anything you dream of using the power of JavaScript

bar graphs and statistics on a screen
bar graphs and statistics on a screen
Photo by Luke Chesser on Unsplash

D3, short for Data-Driven Documents, is a JavaScript library that makes it possible to display data in a multitude of ways and helps with inspection and manipulation of the DOM.

Although you may think it is, D3 is not a charting library. It offers much more flexibility, which is leveraged by existing charting libraries like Recharts, C3js, and Raw graphs. D3 is great because where your charting library breaks down when you’re trying to customize it too much, D3 just keeps ongoing.

In this article, you’ll get to know D3 using examples. The general flow can be boiled down to:


Lately, I’ve seen a lot of Medium posts proclaiming to hold the secrets to being a good programmer. These articles often claim that using ‘ES6 functions’ is simply better and that, unless you’re using these, you’re not a “master JavaScript developer”.

I believe that using ES6 functions without thinking about the implications it has on your whole application can be detrimental. Just like people study mathematical proofs without understanding what is really going on.

Readability

Trading ease-of-writing for pain-of-reading is not the way to go. Coding is not only telling your computer what to do, it is evidently communicating with the…


Learn everything there is to know about destructuring arrays and objects in ES6

JavaScript code on a screen
JavaScript code on a screen
Image source: Author

Moving From ES5 to ES6

Object and array destructuring is something that we’ve been using for a while now. We may have taken it for granted because in ES5 we needed to do something like this when we wanted to assign object properties to external variables:

function foo(){
return {a:1, b:2, c:3};
}
var tmp = foo(), a = tmp.a, b = tmp.b, c = tmp.c;

We had to call the function and then assign the properties’ values to new variables.

Along came ES6 and we could simplify this using destructuring.

var { a, b, c } = foo();console.log( …


Photo by Ferenc Almasi on Unsplash

“To understand recursion, one must first understand recursion” — Stephen Hawking

Recursion has many pitfalls. Most JavaScript developers don’t even think about using it until they encounter a specific problem. Recursive functions get little attention, especially in JavaScript because of some big performance limitations.

In this article, I’ll go over what recursive functions are, what the advantages are compared to classic iterations, and the one thing you may never forget when using recursive functions.

What are recursive functions?

If you already know this, feel free to skip to the next part. For anyone else, recursive functions are functions that call themselves. One of the…


3 monitoring techniques you should consider

open laptop and a monitor on a desk
open laptop and a monitor on a desk
Photo by Domenico Loia on Unsplash

Monitoring an application is something about which countless books have been written and rewritten. I’ve personally worked as an enterprise-level software consultant where we monitored everything. Earlier this year, however, I switched to a startup where there was no monitoring except for some sanity checks done after each deployment. That startup has more than 100k active users per month and only now have they started to think about monitoring.

So what’s the right way to go? Should we spend all our time monitoring our monitoring tools, or should we just stop monitoring altogether? …


Use the power of pure functions in JavaScript

Man typing on laptop
Man typing on laptop
Photo by Danial Igdery on Unsplash.

Developers are always striving to write better code. But through abstraction, it has become really hard to define “good” code. Some will define good code as code that is readable and needs little mental energy to figure out. Others will consider good code to be as performant as possible. The true value is finding a balance between both.

In this article, we’ll discuss pure functions, what they are, and how they can improve your code base by making it more readable and maintainable in the long run.

In order to show the possibilities, we need to go through some definitions…


Lately, I’ve been dabbling in functional programming. If you’re familiar with functional programming, you’ll know that it is all about composing functions and re-using them in order to achieve fewer bugs in your source code and make code easier to debug and test.

One of the utility functions that is used by programmers who apply functional programming is the curry function. In this short blog, I want to share what exactly it does and how you can use it to improve your code-base.

Photo by Laine Cooper on Unsplash

Currying is defined by Wikipedia as: currying is the technique of converting a function that takes multiple…

Diederik Mathijs

Senior .NET/React developer writing about technical topics surrounding Javascript.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store