React: Could not find router reducer in state tree, it must be mounted under “router”
A possible fix for the error Could not find router reducer in state tree, it must be mounted under "router" with connected-react-router
Blog posts about react
Tailwind + SCSS: resolve-url-loader: error processing CSS, invalid mapping
This post describes how to fix a tailwind error, where using @apply directives would cause "resolve-url-loader: error processing CSS, invalid mapping" errors during your build.
Serve your build locally with nginx through docker
Sometimes you might want to debug problems or behavior of your produdction build locally. To do so, you have to somehow serve it. This post explains how!
Poorly-optimized React components, an example
In this post, I will be analyzing a poorly-optimized React function component that renders a list of items. I will be using the React performance profiler to identify the performance issues in the component, and then I will show you how to optimize the component to improve its performance. By the end of this post, you should have a better understanding of how to optimize the performance of your React components.
Mocking IntersectionObserver in Jest
This post describes how to mock IntersectionObserver, a layout helper which is not implemented when running tests with Jest + JSDOM.
Meaningful Sentry issues with react-query + axios
This post shows how to enrich axios errors when using react-query and how to handle them on a global level.
Building a Two-Factor Authentication Form in React Using SMS Verification
A step-by-step guide to building a Two-Factor Authentication (2FA) form in React using SMS for verification, highlighting the use of react-hook-form and the autoComplete="one-time-code" attribute.
Fix no exported member 'ReactComponent' when importing svg in react and vite
This blog post fixes error TS2614: Module '"*.svg"' has no exported member 'ReactComponent' by changing the way svgs are imported.