ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Frameworks & web · #react
Learn how to set up styled-components ThemeProvider to share a theme across a React app, consume it in styled components, and switch themes at runtime.
Add a server-side username availability check to Ant Design Form: a rules validator that returns a Promise, shows a loading state, blocks submit on duplicates, and cancels stale requests.
Decide how to structure Framer Motion variants for React component transitions: inline, memoized, or external. Learn constraints, trade‑offs, and see concrete examples with exit and layout animations.
React component props get overloaded fast. Prefixing styling-only values with `$` in styled-components makes them transient, so they never reach the DOM or wrapped component. Here is how the convention works, where it breaks, and how to verify it locally.
A controlled search input that synchronously filters thousands of rows can block the browser from painting each keystroke. Here is how useDeferredValue separates urgent input updates from non-urgent list rendering, what it does not fix, and how to verify the improvement.
Guide to deciding between Mobx's makeObservable and makeAutoObservable, with constraints, a comparison table, trade‑offs, sample stores, and verification steps.
Manual action constants and switch statements add maintenance overhead. Redux Toolkit's createSlice automates them, but the shift to Immer and async thunks introduces real trade-offs.
Multiple observable updates in one tick trigger duplicate reactions. MobX's transaction API batches synchronous changes into a single flush, cutting redundant UI work—if you respect its async boundaries.
Define a Portable Text field in your Sanity schema, then render it safely in React with custom block serializers for text, marks, and images.
styledcomponents
antdesign
framermotion
mobx
javascript