MERN Course: React Essentials
Weeks 10–13 of the MERN syllabus — components, hooks, routing, API fetching, Context, Zustand, testing with RTL, and capstone project guidance.
Articles, guides, and resources on web development, design, blockchain, open source, and career tips.
Filtered by tag: React
Weeks 10–13 of the MERN syllabus — components, hooks, routing, API fetching, Context, Zustand, testing with RTL, and capstone project guidance.
Build maintainable React forms — useForm hook (Brain), Form compound components (Body), FormContext (Nervous System), validation schemas, async submit, and DRY add/edit workflows.
Master React Error Boundaries — catch render crashes, fallback UI, class component requirements, granular placement, retry with key reset, logging, and what boundaries cannot catch.
Master the React Facade pattern — hide complex hooks behind feature facades, Profile/Cart/Notification examples, vs normal hooks, hotel reception analogy, and lean presentational components.
Optimize React renders — re-render triggers, React.memo, useCallback, useMemo, derived state, debouncing and throttling hooks, and a preview of virtualization, Context splits, and React Compiler.
Compare Pub-Sub and Observer in React — Subject vs Event Bus, when to use each, useEventBus hook, BroadcastChannel cross-tab sync, Context comparison, and toast/analytics use cases.
Stay up to date and get notified when I share new contents.
No spam ever, unsubscribe anytime