-
Deploy Astro Static on Deno Deploy
Sunday, 21 January 2024
With a little bit of workaround it's possible to deploy a static Astro site to deno deploy. Initially Astro's docs indicated only SSR was supported.
-
Applicants demo app
Friday, 30 September 2022
This is a simple demo app that get's a list of applicants from the server. Those applicants are listed in a table. The user can filter and sort them.
-
Finding tools on the web 🌍
Monday, 2 May 2022
Finding tools on the web is getting increasingly difficult with a regular search engine. This post talks about some of the places on the web that make this easy.
-
Recursive JS function
Monday, 10 January 2022
Loop over an array with a recursive function. In this case the array entry has a URL that should be validated before moving on to the next
-
The basics of publishing on NPM
Thursday, 14 October 2021
The pagination component created in another post will be published on NPM. It allows others to use the component in their React projects.
-
Pagination component in React
Wednesday, 18 August 2021
Let's build a pagination component. It should adhere to some basic UI interaction requirements. The goal is deliver an extra light component.
-
Electron's main and renderer process communication
Sunday, 18 April 2021
After setting up a basic ElectronJS, this article discusses the preload.js script. It's used to communicate between the main electron process and the unsafe renderer process. The latter is not allowed to access the fs API for security reasons.
-
Basic ElectronJS project using React
Sunday, 11 April 2021
Setup a basic electron (desktop) app using snowpack for ReactJS. This article demonstrates how to get up and running.No webpack and no create-react-app.
-
VueJS introduction: Solar system
Saturday, 6 March 2021
Not having worked very much with VueJS, this is a simple app that goes through the basics. It covers architecture and the way information is shared between components.
-
NextJS blogging with MDX
Saturday, 23 January 2021
NextJS is great for blogging. MDX adds more power to that by allowing JSX components to be directly rendered in the blog. This post will discuss setup and show examples.
-
WhatsApp issued an ultimatum!
Tuesday, 12 January 2021
The ball is in our court: 'Accept the TOS or stop using WhatsApp' says Facebook. Most people might be OK with this. I'm not. Here are some good alternatives.
-
Animation basics. Radar animation screen.
Wednesday, 23 December 2020
A look at making some basic animations using vanilla JS. Creating a radar animation demonstrates the basics.
-
Store your resume as a JSON file
Thursday, 3 December 2020
Store your resume in a JSON doc and then apply various styles to it
-
Using a function instead of a loop
Sunday, 18 October 2020
Using for loops is basic however JS offers several ways of looping with functions.
-
Browser debugging with breakpoints (React)
Thursday, 15 October 2020
Breakpoints are great but seem to be troublesome in some cases
-
Deploy a React SPA with serverless functions to Netlify
Thursday, 8 October 2020
Deploy and test the project directly from the remote server.
-
Getting started with serverless functions on Netlify
Tuesday, 6 October 2020
Setup a simple demo login function to see serverless functions in action
-
Using UUIDs as passwords?
Tuesday, 29 September 2020
What if a user's passwords were a list of UUIDs instead? A list that can be generated in a less traditional means.
-
JavaScript's Uncanny Valley
Friday, 25 September 2020
The uncanny valley is time needed for browsers to process JS code and build your application
-
Server side rendering with React & Redux
Tuesday, 19 May 2020
When handling server side rendering, the Redux data should be populated as well
-
Svelte Introduction
Sunday, 15 December 2019
A small demo project to work on Svelte. Svelte is a UI Framework, like ReactJS or ViewJS. However it takes a different approach by acting as a compiler.
-
Browser dev tools
Friday, 13 December 2019
The dev tools in the browser grow more advanced every day. This post keeps track of some of the most useful features. Where possible key differences between browsers is highlighted. Most features are in Chrome on MacOS.
-
Jest coverage in Create React App
Friday, 13 December 2019
Configure Jest coverage in Create React App. Coverage indicates how much of the code is tested. A higher than 80% coverage is a decent indicator that the code is working as expected.
-
CSS grid
Friday, 13 December 2019
CSS grid makes it a pleasure to create layouts. Here we'll create a resume using CSS grid. Only HTML and CSS will be used. No JavaScript required. Another goal is to keep it all in one file to make it easy to distribute and fast.
-
Free static site
Saturday, 29 December 2018
How to create and host a static site, including SSL and domain name for 0 euros! Static sites can be hosted for free thanks to some amazing services available as of 2018.
-
React App Served by Express in Docker
Thursday, 22 November 2018
Running in Docker requires special considerations in the front-end. It should dynamically retrieve the backend end-point. For multiple environments, the same docker image could be used while moving from TST to ACC for example.
-
React Server Pages
Sunday, 11 November 2018
React can replace Java Server Pages (JSP), HandlebarJS, etc. as a templating language on the server.
-
Server Side Rendering - React & NodeJS
Sunday, 11 November 2018
Web crawlers can't parse JS which means that Single Page Applications need to render on the server if they want to be indexed by the search engines.
-
Debugging with Visual Studio Code
Tuesday, 23 January 2018
How debugging works with visual studio code. It's especially useful when debugging server side projects like NodeJS. Set breakpoint in the editor while developing.