React Query + FlatList: Fix Flickering and Layout Shifts
Stop FlatList flickering and layout shifts when using React Query. Patterns for loading states, skeletons, and keeping the list mounted.
React
Articles about React, hooks, state management, and frontend development.
GraphQL conditional queries: using skip and variables in Apollo
How to skip an Apollo GraphQL query until its variables exist, with a small variablesOrSkip helper that keeps TypeScript happy.
How to style contents in dangerouslySetInnerHTML with Tailwind
How to style HTML content in React with Tailwind CSS when using dangerouslySetInnerHTML by writing custom selector using arbitrary variants.
Using styled-components with TypeScript
Make styled-components nicer with TypeScript: IntelliSense in VS Code, typed theme variables through declaration merging, and type-checked props.