How to embed part of a NextJS application This article assumes you have some basic understanding of React/NextJS
In recent years it is…
https://a5h.dev/post/tutorial-shareable-embed-script-for-react-component/
If you are like me, you might primarily use your mouse to interact with websites. But sometimes you will open up a modal, and instinctively…
https://a5h.dev/post/making-accessible-interactive-react-components/
I've worked with many engineers who I consider to be extremely skilled at Frontend code, knew the web APIs inside-out... but produced very…
https://a5h.dev/post/how-to-test-for-a11y-in-react-app-cicd/
The web API has so many useful features, and I'm always finding new ones I haven't come across before. Today I found out about ways to…
https://a5h.dev/post/check-client-cpu-usage/
Autocomplete is the very useful feature in browsers where when a user is presented with a form, the browser can fill it in with previously…
https://a5h.dev/post/everything-you-need-to-know-about-autocomplete/
Summary of how you can deep clone easily with structuredClone tldr: you can use structuredClone(someObject) and it will deep clone…
https://a5h.dev/post/structuredclone-in-js-for-deep-cloning/
I used to think that server side rendered react apps was quite complex to set up. And it is - behind the scenes. But we can use renderToStr…
https://a5h.dev/post/build-your-own-ssr-react-app/
I think almost all React devs are familiar with useState(), useCallback(), useEffect() etc. But there are quite a few more than are less…
https://a5h.dev/post/rarely-used-react-hooks/
Here are some notes/tips/tricks when it comes to testing in React. Some are quite basic things, some are things I see less frequently in…
https://a5h.dev/post/testing-with-react-testing-library/
Modern web apps often have a need for a multi stage wizard. This is a guide on how to build it with React, using context. This tutorial…
https://a5h.dev/post/react-wizard-with-context/
Short guide on some of various ways to correctly type components and related types in React. updated for React 18 Typing a functional…
https://a5h.dev/post/react-typing/
If you work with JS/TS then you are going to be very familiar with dependencies/devDependencies in your package.json. As a quick reminder:…
https://a5h.dev/post/npm-dependencies/
This is a list of some interesting (but less often discussed) topics related to React that I thought were interesting. React.Children…
https://a5h.dev/post/interesting-react-topics/
WIP post, with some interesting topics about web APIs/HTML elements/etc. Get the label for an input easily
I never knew that form elements…
https://a5h.dev/post/interesting-html-topics/
This page lists some CSS features that I thought were interesting and don't come up often during normal day-to-day work. This page is a WIP…
https://a5h.dev/post/interesting-css-topics/
Here are some features, tips and tricks for using Chrome's inspector. It is very powerful with lots of advanced tooling to help with…
https://a5h.dev/post/chrome-inspector-tips/
Here are some useful snippets for quickly getting some services set up with docker. I've left some commented out lines that you may want to…
https://a5h.dev/post/useful-docker-compose-configs/
Here is a list of everything I can think of relating to looping in JS. There isn't much purpose to this post, I was just trying to find…
https://a5h.dev/post/looping-in-js/
Sometimes you want to have some basic way to persist data between tab reloads in your React app. One way to do it is with localStorage. This…
https://a5h.dev/post/react-use-state-with-local-storage/
We often end up with huge apps that mutate state, run business logic, make API calls, and manage the UI rendering. This can sometimes be too…
https://a5h.dev/post/react-container-presentational-pattenr/