React Hook: Detect Click outside of Component
A tutorial on creating a custom React hook to detect clicks outside a component, useful for closing dropdowns or dialogs.
A tutorial on creating a custom React hook to detect clicks outside a component, useful for closing dropdowns or dialogs.
A guide to creating a custom React Hook that detects whether a user is scrolling up or down on a webpage.
A guide to using React hooks in class components via a wrapper component with a render prop, for legacy codebases.
A detailed guide explaining React props, including how to pass data between components, destructuring, and common pitfalls.
A guide to a practical and scalable file and directory structure for React applications, based on years of experience.
A tutorial on implementing a fixed (sticky) column in a React table using the React Table Library.
A tutorial on building a static markdown blog using Next.js, covering setup, components, and rendering posts.
A developer shares their personal approach to structuring and writing React components, including import order and styling conventions.
Explains how to apply Atomic Design methodology to structure reusable components in React and React Native applications for scalable UI development.
Explores React's limitations with server-state caching and introduces Remix as a solution for bridging the 'network chasm' in web development.
A technical tutorial on implementing Conway's Game of Life cellular automaton in JavaScript and React using the simulation pattern.
Explores why successful tech products often prioritize familiar user experiences over unique, novel features, using examples like Astro and Supabase.
A guide to building a schema-based form system in React to reduce repetitive code and handle validation, state, and UI automatically.
A web developer critiques the performance and loading speed of Germany's official RKI COVID-19 dashboard, proposing technical improvements.
Critique of using client-side frameworks like React for static content, advocating for Server-Side Generation (SSG) for faster loading.
Analyzes the performance trade-offs of React's Virtual DOM and compares it to modern non-VDOM frameworks like Lit, Svelte, and SolidJS.
A developer shares practical principles for successfully refactoring complex, large-scale codebases without introducing regressions.
A guide to the 'Wrapped State Setter' pattern in React for extending setState functionality, like automatic localStorage persistence.
A React tutorial explaining event bubbling and capturing, with code examples showing event handler execution order.
A software engineer's personal review of 2021, covering career moves to remote roles, tech stack changes, blog improvements, and personal milestones.