Tag Archives: web

frontend

Trying out Tailwind CSS on a react webapp

Leave a comment

Introduction

On November 11 2021 I put trying out tailwindcss on my personal TODO list.

In January 2024 I got around to trying out tailwindcss on a react.js web application and this blogpost first describes how I used it and then what I think about it.

The application used in the tailwind test

The test bed for trying out Tailwind CSS was my smallest real application, handlereg. This is an application for tracking grocery purchases. What’s tracked for each purchase is the date, the store and the amount.

Before trying out Tailwind CSS, the application was styled with Bootstrap v5 (and just recently upgraded from Bootstrap v4).

Here is the main page of the handlereg webapp styled with Tailwind CSS. Continue reading Trying out Tailwind CSS on a react webapp →

frontend, programming

Yep, I’m still using redux

1 Comment

Why I’m still using redux and how I’m currently using redux.

One thing I’ve heard a lot recently, when other frontend people have taken a look at my code, is the question “Are you still using redux? That’s so wonderfully quaint and old fashioned. When we threw it out and started using useState() hooks our life got so much better!” (or maybe just “once we started using hooks our life got so much better”).

And yep, I am still using redux, even though react hooks, which supposedly made redux obsolete and old-fashioned, arrived back in 2018 (which is also the same year I started doing frontend programming).

Continue reading Yep, I’m still using redux →

frontend, programming

Replacing react-datepicker with HTML input element of type date

Leave a comment

I replaced “react-datepicker” in two of my react applications, with the built-in <input type=”date”/> date picker, and the resulting reductions in bundle.js size were so significant I felt the need to blog about it.

Continue reading Replacing react-datepicker with HTML input element of type date →

Network

1990-ies picture archives in modern skin

2 Comments

I have written a reactjs web application, that displays images from a 1990-is picture archive in a modern, mobile friendly UI, that also tries to use the available space on large displays (responsive layout from bootstrap v4). The URLs of both the individual pictures and albums, contains opengraph and twitter card meta tags, that makes them appear with nice previews when being shared in social media.

Continue reading 1990-ies picture archives in modern skin →