Generative AI for Front-end Developers
summary
Shows how to build a retrieval augmented front end using LangChain, with concrete code: prompt templates, chat placeholders, and a runnable that formats prompts, calls a local model, and streams tokens. Demonstrates a simple counting tool that fixes the model’s wrong answer to “how many R in strawberry” by exposing the function as a react agent tool, and shows using a zod schema to coerce structured JSON output, plus tactics for rephrasing user intent, token limits, and storing user facts for personalization.
AI-written summary · about
chapters (9)
- 0:00Introduction and overview
- 2:56History of generative AI
- 4:00LangChain fundamentals
- 7:54Handling conversation state
- 10:44Personalizing AI interactions
- 12:30Building AI agents
- 15:17LangGraph workflows
- 16:39Model Context Protocol
- 17:25Future of AI agents
related talks
51mAI-Powered Development: Hands-On Techniques for Immediate Impact
40m4 pillars for building a modern AI application in JavaScript
38m🔥 Generative UI: The Future of Frontend (And Why You Should Care)
48mGoing Beyond Prompt Engineering
01h 12mBuild Your Own AI Chatbot with OpenAI & LangChain
12mNavigating the World of AI Development Without Going Insane
37mBest AI Tools for Web Developers / How to Use AI in Web Development
49mBuilding AI Enabled Web Apps