Learn
Learn
Learn web development from expert teachers. Build real projects, join our community, and accelerate your career
Get Started
Fullstack Rust Fullstack Node.js Fullstack D3 Fullstack React Fullstack React with TypeScript more →
The newline Guide to Building Your First GraphQL Server with Node and TypeScript
In this course, we'll show you how to create your first GraphQL server with Node.js and TypeScript
Enroll for free
Teach
Teach
Share your knowledge with others, earn money, and help people with their career
Apply Now
Apply To Teach A Course What Our Teachers Say
Amelia Wattenberger
Author of Fullstack D3
"Writing Fullstack D3 was a thoroughly enjoyable, fun process.

The writing was over before I knew it, and we've sold way more copies than I expected! Plus, the compliments from my peers have been really amazing."
Community
Community
Get help with programming projects, find collaborators, and make friends
Join Now
Join our Discord Server What Our Students Say
Tutorials
Pricing

This video is available to students only

Building an Asynchronous Event-Driven Service Using Context Variables

This page is a preview of Building AI-Powered Streaming Text and Chat UIs

Previous Lesson:

Exploring AI Agents - Toward Autonomous Systems

Next Lesson:

Adding Tools To The Chat

Start a new discussion. All notification go to the author.

Learn

The newline Guide to Building Your First GraphQL Server with Node and TypeScript

Teach

Amelia Wattenberger

Author of Fullstack D3

Community

Building AI-Powered Streaming Text and Chat UIs

Module 1: System Design for AI applications

Introduction:

Start Here

Introduction: (3:47)

Introduction to AI Product Development

Lesson 1: (6:09)

Picking the stack - Navigating JavaScript and Python

Lesson 2: (5:07)

Designing a Hybrid Web Application Architecture with JavaScript and Python

Lesson 3: (6:30)

Streaming events with Server-Sent Events and WebSockets

Module 2: Building the Front-End

Lesson 1: (6:29)

Discovering the OpenAI Completion API

Lesson 2: (6:13)

Handling Server-Sent Events with JavaScript

Lesson 3: (7:00)

Building the useCompletion hook

Lesson 4: (1:25)

Rendering Completion Output

Lesson 5: (3:28)

Mocking Streams

Lesson 6: (3:10)

Testing the useCompletion hook

Module 3: Building the Backend

Lesson 1: (1:54)

Creating a FastAPI server

Lesson 2: (3:41)

Exploring asynchronous programming in Python

Lesson 3: (4:33)

Integrating Langchain with FastAPI for Asynchronous Streaming

Lesson 4: (1:01)

Testing with PyTest and LangChain

Module 4: Building a Chat

Lesson 1: (5:11)

Building the useChat hook

Lesson 2: (1:52)

Building the User Interface

Module 5: Implementing Retrieval Augmented Generation

Lesson 1: (3:18)

Discovering Retrieval Augmented Generation

Lesson 2: (3:36)

Building a Semantic Search Engine with Chroma

Lesson 3: (2:13)

Adding Retrieval-Augmented Generation to the chat

Module 6: Conclusion

Lesson 1: (1:21)

Final words

Module 7: Building an Agent

Lesson 1: (3:22)

Exploring AI Agents - Toward Autonomous Systems

Lesson 2: (5:24)

Building an Asynchronous Event-Driven Service Using Context Variables

Lesson 3: (5:38)

Adding Tools To The Chat

Lesson 4: (4:04)

Building a Generative UI

Building an Asynchronous Event-Driven Service Using Context Variables