Beyond useEffect: Production API Monitoring in React
summary
Builds a runtime system that intercepts browser fetch calls and learns response shapes then validates them in production, including a fetch interceptor hook and a confidence-based schema learner wrapped in a React context provider. Learns field types and presence with a configurable threshold (example 20 requests, id/name/email seen 19/20, discount 20% optional), surfaces violations to console or UI via custom error boundaries and health hooks, and demos breaking an API live to show real time catches.
AI-written summary · about
chapters (6)
- 0:00Introduction
- 2:11Unexpected API issues
- 4:46Simple monitoring solution
- 8:21Implementation and live demo
- 10:06AI for auto-fix
- 11:53Q&A
related talks
23mHandling Data at Scale for React Developers
26mData Fetching Unleashed: Next.js, React Query and their BFF
25mReact developer? How are your production skills?
39mMaking Your React Apps Perform At Scale
38mReact UI: get hooked!
30mHow to push a ReactJS application in production...
25mBuild the API you want to see in the world
34mKeep sane with React & Microfrontends in production