Prefer Explicit Maps
Advocates using explicit mapping objects over complex ternaries for state transitions in TypeScript/React, using a theme toggle as an example.
Advocates using explicit mapping objects over complex ternaries for state transitions in TypeScript/React, using a theme toggle as an example.
A deep dive into the API design choices, tradeoffs, and lessons learned from developing the popular TanStack React Query library.
A guide to implementing advanced, shareable search and filter state management in Next.js App Router using URL parameters and React 19 features.
A guide to creating a custom React hook for handling various keyboard shortcuts, including single keys, combinations, and sequences.
A step-by-step React tutorial on implementing drag and drop functionality using the @hello-pangea/dnd library.
A beginner-friendly tutorial on creating a custom, interactive dropdown menu component in React from scratch.
A guide to using React 19's useActionState hook for form validation, error handling, and resets in a contact form example.
A developer shares their personal story of gaining visibility by consistently sharing knowledge, teaching complex topics, and engaging with the community.
A guide exploring various methods for fetching data in React, from older techniques to modern approaches like React Server Components.
Explains how to manage and synchronize React application state using URL parameters with react-router-dom for persistence and shareability.
Explains the React useDebugValue hook for labeling custom hooks in React DevTools to aid debugging.
A guide to React's useDeferredValue hook, explaining its purpose for performance optimization and providing a practical code example.
A guide to React's useTransition hook, explaining how to improve UI responsiveness by marking non-urgent state updates.
A guide to creating a custom React microphone component for recording audio in the browser, with a link to a reusable code gist.
Explains why calling new Date() inside React components creates flaky tests and offers a solution using props for testable, pure components.
React is evolving into a full-stack framework with Server Components and Server Actions, bridging the gap between frontend and backend development.
A guide to using the useReducer hook in React for managing complex component state, including syntax, examples, and advantages.
Explains the React useCallback hook, its purpose for memoizing functions to optimize performance, and provides a practical usage example.
A guide to using React's useMemo hook for performance optimization through memoization of expensive calculations.
A guide to using React's useContext hook for efficient state management and communication between components.