Just redesigned the landing page for haakon.underbakke.net. Here’s a self-contained component that only needs styled-components (and material icons cdn, if you want the same icons) installed to work, if you want to use it for yourself. The laptop also turns white (to contrast darker backgrounds) on @media (prefers-color-scheme: dark). https://codesandbox.io/s/laptop-animation-d70o1
Author Archives: impedans
Material design – Ripple button component (react)
I love the onClick-ripple effect that material design buttons offer. I decided to make my own button-component that inhabits this effect by default, but is also flexible beyond that feature. Here’s the result: I went for react-jss for styling the component as to make it as self-contained as possible. If you don’t want to use […]
About me
Hey! My name is Håkon Underbakke. I’m a front end developer from Norway, currently living in Stavanger and working mainly with React. I have been working for Idean since April 2020, doing front end development. Before that, I worked for LIGL AS for 4 years, doing various web projects as well as legal document automation […]
sl1ck
Latest songs All of my releases
Beforeunload on a React component
Say you want to warn users before closing the page, but only when a specific component is loaded, here’s what to do:
Filler
Notifying users about updates (create-react-app)
In serviceWorker.js there is a function that sits around line 74, called installingWorker.onstatechange. Inside of the function there is a condition checking if the state is “installed” and then logging out a message for the console. The goal here is to simply insert your own code below to notify the user of this outside of […]
Contact me
← Back to haakon.underbakke.net
Ida by LIGL – A React-powered PWA
What is Ida? Ida by LIGL is a Norwegian progressive web application, which I helped develop in React. The app features several juridical processes which are fully customisable, to easily allow the user to create his or her own contracts and documents. https://ida.ligl.no Humble beginnings Ida started out as a simple web app I wrote […]
Ryfylke Kranservice
My latest project has been developing Ryfylke Kranservice as’s website. They wanted a simple website, with a simple back-system for them to edit the website. I decided to go for React again for this project, mainly for the benefits of maintenance, but also the performance. Drag ‘n’ drop editing This was my first introduction to […]