TypeScript + React: Typing Generic forwardRefs
A technical guide on how to correctly type generic React components that use forwardRef in TypeScript for enhanced type safety.
A technical guide on how to correctly type generic React components that use forwardRef in TypeScript for enhanced type safety.
A guide to best practices for using Styled Components in React, covering team alignment and code organization.
Explains why useMemo isn't reliable for one-time React initializations and demonstrates the correct useState pattern for stable resource creation.
A guide on writing React components in TypeScript, covering prop typing and avoiding common pitfalls like React.FC.
A guide to optimizing React context value for performance, recommending state/dispatch separation and warning against premature optimization.
Explains why boolean function parameters are often a code smell and suggests better design alternatives.
React performance tips: two techniques to optimize re-renders before using memo() or useMemo().
Learn 5 essential tips for React's useState hook, including functional updaters and common pitfalls to avoid in your code.
Explores the 'build vs buy' decision for UI component libraries, weighing custom development against using existing solutions.
A guide to advanced tips and best practices for using styled-components in React to improve code quality and developer happiness.
A web development article advocating for the return of spacer GIFs as a layout tool, with modern React component examples.
Explains the future of React class components, recommending function components with hooks for modern development while assuring legacy support.
A guide on using the Prerender service to improve SEO for React apps by serving pre-rendered HTML to search engine bots.
A technical guide on creating a TypeScript-wrapped React useState hook for implementing a dark mode feature in applications.
Learn how to enable AMP (Accelerated Mobile Pages) in Next.js projects, including AMP-only and hybrid modes with the useAmp hook.
A technical guide explaining the React Children prop, its behavior, and how to use the React.Children utility methods effectively.
Explains React Strict Mode in Next.js, its benefits for identifying potential issues, and how to enable it globally or for specific components.
Learn to build a custom React hook using window.matchMedia for responsive JavaScript-based conditional rendering instead of CSS media queries.
Learn how to use useEffect and useRef to access browser APIs like 'window' in Next.js, avoiding 'window is not defined' errors.
A developer's guide to convincing business stakeholders to approve technical investments like framework migrations and tech debt.