Blog

• DeepKeys and DeepValues utility types

  With smart utility types, we can pluck keys and values from deeply nested objects with ease

  • typescript

  posted on 17^th June 2023

• Create a Preact component from an existing DOM element

  Because crossovers are not only great in music

  • preact
  • javascript

  posted on 30^th January 2023

• Iterating in a closed loop, forwards and backwards

  There are moments when you just need to come back to where you started

  • javascript

  posted on 24^th January 2023

• Add 'copy to clipboard' button to code snippets in Astro

  A showcase on Astro and its island components.

  • Astro
  • Preact
  • MDX

  posted on 19^th December 2022

• Get the exact string length in TypeScript

  • typescript

  posted on 26^th August 2022

• Get the type of the first and last tuple elements in TypeScript

  • typescript

  posted on 27^th July 2022

• The one React snippet I've always missed

  Just let me see the data, please!

  • react
  • javascript

  posted on 24^th July 2022

• Circular reveal animation: a simple (and dirty) way

  Sometimes breaking the rules a little makes things really simple

  • css

  posted on 22^nd April 2022

• Tracking the "last modified" date in markdown

  How to get CMS features when you have no CMS

  • javascript
  • markdown
  • git

  posted on 6^th January 2022

• Clean up your conditionals with array methods

  • javascript

  posted on 14^th December 2021

• Extend an object with a list of entries

  A real-life use case of the `Object.fromEntries()` method

  • javascript

  posted on 7^th December 2021

• Simple Collatz Conjecture testing script

  Fiddling with a seemingly easy yet unsolvable math problem using terminal and Node

  • javascript
  • nodejs

  posted on 1^st December 2021

• How to type our GraphQL queries (WP GraphQL + Next.js, part 2)

  • wordpress
  • nextjs
  • graphql
  • typescript

  posted on 15^th November 2021

• Create a Next.js static site with Wordpress and GraphQL (WP GraphQL + Next.js, part 1)

  • nextjs
  • wordpress
  • graphql

  posted on 7^th November 2021

• Highlighted code blocks with Sanity.io and Next.js

  How to create, render and highlight code blocks

  • nextjs
  • sanity

  posted on 3^rd April 2021

• Create a custom Sanity.io input for DiceBear avatars

  The thing that makes Sanity.io really pop is its fully customizable React input components

  • sanity
  • javascript
  • react

  posted on 2^nd April 2021

• Pretty PowerShell with Windows Terminal, posh-git, and oh-my-posh

  Because who doesn't want to flex with a cool terminal screen?

  • terminals

  posted on 27^th March 2021

• One dirty redux devtools logging trick

  • redux
  • javascript

  posted on 8^th October 2020