AI for React Developers

Focused View

Eve Porcello

1:17:52

0 View

01 - Introduction

01 - Creating AI-powered streaming UIs with React.mp4

00:45

02 - What you should know.mp4

01:03

03 - Setting up your environment.mp4

01:03

02 - 1. AI and Next.js

01 - Generating a Next.js project.mp4

03:49

02 - Working with the AI SDK.mp4

01:37

03 - Configuring an Open AI API key.mp4

03:36

04 - Creating an API route.mp4

03:40

05 - Using the useCompletion hook.mp4

05:05

03 - 2. Creating a UI

01 - Working with the useChat hook.mp4

03:42

02 - Handling loading states.mp4

03:46

03 - Creating a UI with React state.mp4

03:35

04 - Building a server action.mp4

03:12

05 - Streaming data with React.mp4

06:02

04 - 3. Generating Structured Data

01 - Generating static objects.mp4

03:59

02 - Returning objects on the client.mp4

03:10

03 - Streaming generated objects.mp4

03:14

04 - Handling object streams.mp4

03:01

05 - Streaming components with server actions.mp4

02:11

06 - Rendering streamed components.mp4

03:40

05 - 4. Other Vercel Tools

01 - Introducing v0.mp4

02:58

02 - Generating a UI component with v0.mp4

04:08

03 - Creating a full UI with v0.mp4

04:18

04 - Challenge Generating a new UI.mp4

01:31

05 - Solution Generating a new UI.mp4

02:57

06 - Conclusion

01 - Exploring Vercels AI documentation and next steps.mp4

01:50

Description

Knowledge of AI tooling is critical for future-proofing the careers of React developers, and understanding the Vercel suite of AI tools is an approachable on-ramp for anyone comfortable with React. This stack makes it easier to incorporate the new paradigms of generative AI and streaming user interfaces in a React app. In this course, take a closer look at the Vercel AI SDK and see how this can help React developers build streaming interfaces with JavaScript and TypeScript. Join Instructor Eve Porcello to find out how to start adding AI-enhanced functionality to your apps as she guides you through creating a React App with Next.js. Learn about working with streams, using generative AI functions, working with components, generating structured data, and much more, and get the knowledge and skills you need to ride this new technological wave.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

Eve Porcello

Instructor's Courses

Eve Porcello is the co-founder of Moon Highway, a curriculum development and training company based in Northern California. For almost a decade, she has taught JavaScript, GraphQL, and React training workshops to tech professionals around the world. She is the co-author of Learning React and Learning GraphQL from O’Reilly Media. You can follow her on Twitter @eveporcello or find her articles at www.moonhighway.com/articles.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.