react-brain
Browse decisions
React & language foundations 3App architecture 9UI 12Platform & native 9Build, test, observe, secure 6AI in React apps 3stack composerdecision recordscensusstaleness bencharchitecturechangelogmethodologyroadmap

Architecture

The homepage shows the 3-second version. This is the whole machine — and below the diagram, an honest mapping of each block to the real code and data that implement it (everything is open source).

Detailed react-brain architecture: project inputs (package.json — dependency manifest, scripts, metadata; code signals — static analysis and code metrics) flow through a parser/extractor into the analysis engine, where a knowledge graph (component relationships, library insights, best practices, historical data, semantic context) exchanges with an article database (technical blogs, documentation, case studies, performance reports) via enrichment/contextualization and pattern matching/scoring — producing production-grade recommendations, a health score, and a decision matrix

What each block really is

diagram blockthe real thing
package.jsonThe dependency scan: every dep is matched against detection rules each encyclopedia entry declares for itself (detect: — exact names and scope globs).
Code signalsSource-level scans: legacy core-API imports (Animated, FlatList, SafeAreaView…) and entry-owned regex signals — the smells a dep-scan can't see (ScrollView rendering a mapped array, secrets in AsyncStorage, fetch-in-useEffect, no error boundary at production stage).
Knowledge graphThe encyclopedia: 42 decision entries with options, tradeoffs, and context-keyed recommendations ("GraphQL backend → Apollo"; "P2P app → a client cache is N/A by design"), cross-linked and grouped.
Article database123 fetch-verified deep-dives with editorial annotations — the curated reading — plus the primary sources each verified fact cites.
Pattern matching & scoringThe shared resolver: detected choices vs the entry's context recommendation (✓ aligned / ~ contextual / ↗ review), plus expected-domain gap detection — one implementation shared by the CLI, the MCP server, and this site's doctor.
Enrichment & contextualizationThe weekly loop: newsletter harvest → fetch-verify every claim → adversarial challenges → live-npm signals (downloads, publish dates) → a reviewed delta. See the methodology and changelog.
Production-grade recommendationsThe per-decision picks — status- and confidence-badged, dated, sourced. Browse entries.
Health scoreCalibration, not vibes: every default is a dated falsifiable prediction; resolutions are scored per confidence tier on the scorecard.
Decision matrixEach entry's options-with-tradeoffs table plus the library browser (tracked packages × live npm downloads × owning decision).

One corpus, three surfaces

The same YAML corpus renders this site for humans, ships as npx react-brain for repos (doctor / stack / learn), and serves coding agents as MCP tools (capsules / query / recommend / doctor / stack). Nothing forks — a weekly corpus update updates all three.