Accessibility (a11y) by default with React and TypescriptAccessibility (a11y for short) is a major concern when creating modern websites. And for a very good reason. The internet is for everyone and we, as developers, need to make sure we build it that way! When it comes to React, most developers are well ...Nov 29, 2022 · 6 min readwhereisthemouse.hashnode.dev
React components - when do children re-render?Here's a simple question - when do the children of a React component re-render? At first glance, the answer is obvious - React children will re-render when either their props/state change or their parent component re-renders. But, as usual, there's m...Oct 23, 2022 · 5 min readwhereisthemouse.hashnode.dev
Avoid impossible UI states with React, Typescript and XStateTo build robust UIs often means to take all possible UI states into consideration and to make sure components behave consistently and correctly throughout. One way to do this is to prevent UIs from getting into impossible states. In this scenario, an...Oct 2, 2022 · 6 min readwhereisthemouse.hashnode.dev
Advanced ReactJS interview questions for senior front-end developersOver the past several years, I've been on both sides of dozens of front-end job interviews. In my experience, when it comes to advanced ReactJS interview questions, there are 3 core concepts that can truly make a candidate stand out. When does a Reac...2WASep 7, 2022 · 10 min readwhereisthemouse.hashnode.dev
How to build a React component that is both controlled and uncontrolled (with examples)When building a React component, the conventional wisdom is that it can be either controlled or uncontrolled. What if there is a way to get the best of the two worlds and create a component that supports both modes? Controlled vs uncontrolled compone...Aug 1, 2022 · 5 min readwhereisthemouse.hashnode.dev