Sign in

Hello. I’m a full-stack developer specializing in Elixir/Phoenix and React, and I love going into lots of details in any problem.

I was building my Next.js web-site. Then I stumbled upon this simple feature that took me way longer to implement than I expected because of overlooking one of the component lifecycle fundamentals. I wanted to create a fade transition between routes on the page, but that has led me deep into the rabbit hole at how it all works. Pondering google a bit, I haven’t found a single in-depth explanation of how this all works, so I decided to follow up with my own.

Let’s get started by exploring what we’re building. To keep this exercise’s scope small, I decided…

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