Tutorial: how to embed a react component that is part of a larger app
How to embed part of a NextJS application This article assumes you have some basic understanding of React/NextJS In recent years it is…
React
The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps
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…
Making accessible interactive React components
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…
Tutorial: Build your own server side rendered (SSR) React app
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…
Rarely Used React Hooks
I think almost all React devs are familiar with useState(), useCallback(), useEffect() etc. But there are quite a few more than are less…
Tutorial: Multi-stage wizard in React, using Context
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…
Testing with React Testing Library - tips and tricks
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…
Interesting React Topics
This is a list of some interesting (but less often discussed) topics related to React that I thought were interesting. React.Children…
React Typescript Cheatsheet
Short guide on some of various ways to correctly type components and related types in React. updated for React 18 Typing a functional…
Tutorial: useState() + localStorage in React with custom hooks
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…
Container/presentational component pattern - and how it can be replaced with hooks
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…