and AI
summary
A Chrome extension uses the React component stack to map a clicked DOM element to its source files and sends those files plus a prompt to an LLM, speeding bug fixes and letting non‑engineers make small edits; teams inject LLM rules (markdown snippets per app) to steer agents; workflow mixes agentic coding for large, multifile changes with deterministic codemods and generator‑verifier agents for safety; results show faster migrations and reliable AI code review when paired with compilers, linters, and type checks.
AI-written summary · about
chapters (11)
- 0:00Introduction and setup
- 1:49Meta's AI coding with React
- 2:55Common AI coding mistakes
- 5:22Future of AI and React
- 7:47Quality of AI-generated React
- 11:56Agentic vs tab completion coding
- 13:21Benefits of modern tooling
- 15:29React code generation ceiling
- 16:54Code migration with AI
- 18:59Pro tips for React and AI
- 20:03Career shift opportunity
related talks
32mConversations Without Prompts: AI in the Web
40mAI Coding Agents and how to code them
25mFrom AI Chaos to Production Ready: Using AI Agents to Improve Your Code Quality
26mAI Agents as Your Co-Developer
35mThe emerging skillset of wielding coding agents
48mAI Coding Agents and How to Code Them
23mHuman-Centered AI: Supporting, Not Replacing, Frontend Developers
45mAI Assistance for Software Teams: The State of Play