julix-unity / ai-react

Getting started with AI in React apps

AI for React Developers

Knowledge of AI tooling is critical for future proofing the careers of React developers, and the Vercel suite of AI tools is an approachable on-ramp. In this course, we’ll take a closer look at the Vercel AI SDK and how this can help React developers build streaming interfaces with JavaScript and Next.js.

Instructor Info

• Eve Porcello, [e-mail], @eveporcello

Topics

• Understanding AI in Node Projects
• Choosing a LLM
• Creating a React Project with Next.js
• Customizing Streaming Interfaces
• Building Routes
• Creating and Generating Components
• Using Hooks (useChat, useCompletion, useActions, etc)

Slides

• Slide Deck

AI In Node Projects

• Generating an API Key
• Available Models
• Example Prompts

Assistants

• Assistants API Docs
• Assistants UI

Next + AI

• Vercel AI Core: Text generation, structured objects, tools with LLMs
• Vercel AI SDK UI: Hooks for building chat interfaces
• Vercel AI RSC: Specific tools for React Server Component Architecture
• AI SDK Providers

Copilot Kit

• Copilot Kit Docs