React

Find element size in React with the useDimensions hook

Trying to find the size of an element in React can be quite annoying, especially if you want to keep track of any changes in size. The custom useDimensions hook should hopefully make this task much easier! Usually keeping track of a div in vanilla Javascript is fairly easy: just keep track of any changes […]

Leonardo
Sep 11, 2020

How to add an RSS feed to your Next.js site

A couple of weeks ago I struggled with figuring out how to add an RSS feed to my Next.js site, so I thought I’d write up a short guide on how I achieved it. Working with Next.js Next.js pages are made to output HTML markup and Javascript. You can use workarounds to output other types […]

Leonardo
Jul 3, 2020

Next.js vs Express: Which one should you choose?

When I built this site, Next.js’ built-in server wasn’t great… so I had to rely on Express. But have the recent updates to Next.js 9 changed my mind? Let’s compare. I created Ironeko during the few months before Next.js 8.1 was released. At that point the only realistic way to actually run Next.js was with […]

Leonardo
Mar 5, 2020

Infinite Carousel with React Spring: How to?

React Spring is a fantastic animation tool, but it’s not the most straight forward. In this article we’ll go through how to build an infinite React Spring carousel. Edit 8/9/2020: I’ve made some significant improvements to the carousel script in this article. These include: Autofitting the carousel to its container Back and Forward buttons More […]

Leonardo
Jan 26, 2020

Parallax effect with React Spring: How to?

Ever wondered how to create a parallax effect with React Spring? This is one of my favourite effects to use when sprucing up a page with some motion. However, due to how React works, tracking the scroll position is a bit harder than it would be on a standard website. So let me show you […]

Leonardo
Sep 9, 2019

Web Design Inspiration #1: Functional and Beautiful

There is one thing that I see people asking for over and over in all the communities I post in: realistic examples for web design inspiration. These are really hard to come by. I’ll usually see suggestions from sites such as Awwwards – and while these sites can be beautiful, more often than not their […]

Leonardo
Aug 7, 2019