This video is available to students only

Building the User Interface

In this lesson, we'll walk through the creation of a simple chat user interface (UI) using React.

The Chat Component#

Our main component is Chat. This component initializes with optional starting messages.

We build a useScrollToMessage hook to automatically scroll to the latest message. This functionality enhances user experience, especially in dynamic chat interactions.

This lesson preview is part of the Responsive LLM Applications with Server-Sent Events course and can be unlocked immediately with a \newline Pro subscription or a single-time purchase. Already have access to this course? Log in here.

Unlock This Course

Get unlimited access to Responsive LLM Applications with Server-Sent Events, plus 70+ \newline books, guides and courses with the \newline Pro subscription.

Thumbnail for the \newline course Responsive LLM Applications with Server-Sent Events