react

Layer 2 — Framework Pack

React-specific patterns and anti-patterns for React 18/19. Hooks discipline, component architecture, state management, and the mistakes agents make from stale training data.

Philosophy

React is the framework where LLM training data is most polluted. Fifteen years of blog posts, Stack Overflow answers, and tutorials mix class components with hooks, lifecycle methods with effects, Redux boilerplate with context, and pre-React-19 patterns with post-React-19 patterns. An agent trained on all of this produces code that "works" but uses outdated idioms.

This pack corrects the most common stale-training-data mistakes and establishes the modern React mental model as the baseline for all React code in the project.