At work I inherited a really old website running on React. The code was good but by old i mean really old; last commit was 3 years ago and most of the code was 5-6 years old… So I converted it to TypeScript and ripped out the old babel/webpack build system and installed Vite to […]

Using environment variables is a great way to store environment specific values and secrets that should not be in the git repo. Lets say you have an API which runs on localhost locally but a different host in production. On the server Locally you need to add an .env.local-file in your project root containing a […]

Since front end development nowadays is so focused on JavaScript it’s easy to forget that new features are added to HTML as well. HTML 5.1 is already 5 years old (1 November 2016) and I am embarrassed to say that there are some new tags that have passed me by. <summary> and <details> Ever since […]

On bergqvist.it I used styled jsx for styling my components. I preferred that to other css-in-js frameworks (like JSS) because of it actually using CSS syntax instead of JavaScript objects. I like Styled jsx but it has had an issue with FOUC in the last few versions of Next.js though, and with Next 12 I […]

Writing tests can be daunting when starting out, it’s hard to know exactly what to test and then learning the API for your test tool. I wanted to share some small tips that can be useful when starting out. expect.objectContaining() In some cases you are only interested in the value of one or just a […]

When we started using Material UI (version 3) the support for extending the built-in theme was pretty lacking. The theme interface did not handle any additional color settings such as “success” or “warn” and trying to extend the theme did not work since parts of interfaces can’t be overwritten. So instead of extending the theme […]

There is an official way of using RTL with redux as some people pointed out, but for small quick tests mocking useSelector may still be of use. 🙄 Recently I finally made the switch from Enzyme to React testing library (RTL) which also means that instead of rendering components using shallow like Enzyme proposes, with […]

I love RSS-feeds (and still curse Google for cancelling Google Reader) and use them as my main news source for things I find interesting so with this article I would like to help people to add RSS-feeds to their blogs. If you read my article about how to add a sitemap.xml to your next.js site […]

While building my blog with Next.js I naturally wanted to support sitemaps because it can supposedly help out the search engines. For my small blog it will not make any difference but for larger sites it’s more important. Google has this to say. Using a sitemap doesn’t guarantee that all the items in your sitemap […]

A few weeks ago I had the privilege of attending SmashingConf in New York, travelling from a chilly Swedish autumn to a quite pleasant New York end of summer. I spent the weekend fighting jet lag by taking long walks and touristing so I could be fit for the first workshop I had signed up […]

TypeScript has really taken off lately in the React world and rightly so, it’s a great way to keep your code documented and help you keep some errors at bay. I have worked with TypeScript in a few projects the last few years, all involving Angular in some form but never with React so I had […]