Anyone can build GENERATIVE UI with AI SDK 3.0
Vložit
- čas přidán 31. 05. 2024
- A quick look into new AI SDK 3.0 updates. #reactjs #vercel #frontenddevelopment #ai #typescript
Docs: sdk.vercel.ai/docs/concepts/a...
Demo: sdk.vercel.ai/demo
All the action: github.com/vercel/ai/blob/mai...
✨ Chat-with-pdf app built using AI SDK:
• Let's Build a "Chat Wi...
✨ My Links -
Discord: / discord
X.com: / rajeshdavidbabu
Want a shoutout?? : www.passionfroot.me/rajesh-babu
Github: github.com/rajeshdavidbabu
Timecodes:
0:00 - Intro
1:57 - AI SDK 3.0 Updates - Věda a technologie
That's crazy 🔥🔥🔥
Ikr. Best use-case for RSCs just got unlocked !
Generative UI 🎉 hearing it first time here
Does it mean, the SDK returns the react component like Weather or StockPrice directly to client. Or it just returns the supportive data to create your own Weather or StockPrice components?
Streams the component to the client !
Its technically cool but can someone explain the use case? If I have a service or site what is the benefit of having llm gen components? Is it seperation of concerns witb dynamic display? (I.e you could have thousands of possible components depending on the context, a level of dynamism not practical natively)?
Im new to all this so hope to hear from the wise old timers
Its definitely not ground-breaking rather more of an experience. Next.js has been pushing the idea of "fetching data on the server" for quite sometime. And this enables us to not stream any-data to the client and then build the UI rather get user-experience fixed by streaming components as the data becomes available.
This could mean that you could also render view in parts. In the parts we used to think of data and UI as separate entities, now the lines are blurry.
This video is great!
How can the AI responses be saved to the backend? Do you just save the content as a string, and presumably it will be formatted as React code so that when the user returns it can be fetched and rendered as before?
You dont have to save the rendered code. Just the responses in as jsonb I guess. Should work for more parts.
The rendering is handled by the framework so u don't have to worry about it
@@raj_talks_tech Thank you Raj! I watched your other videos on creating virtualized list. Wondering if you've found the best approach to creating virtualized list in combination with AI UI State? With Virtuoso, it seems not possible to invert EndReached and put it on top, unless you pay for their premium chat license. + On UIState the the messages have complex UIs that aren't so simple as a regular list with different generated UIs depending on the message.
@@jamespratama9730 Nope I believe virtuoso completely open-source. Can you check this codebase for startReached code codesandbox.io/p/sandbox/adoring-bhabha-hl168?file=%2Fsrc%2FApp.tsx
@@raj_talks_tech Awesome thanks so much!
Please wake me up 😢
Please start by learning machine learning fundamentals before popping put a bunch of regurgitated Ai models for which the goal of solving any problem at all in products has become a fairy tell. This solves nothing more than playing with tools that did the legwork already and want you to think you’re doing something complicated and brag worthy .
I am just the messenger here 😂
What about code privacy? How to scale here ?
As long as you dont send any data to your ChatGPT APIs privacy shouldn't be a concern here. If you are sending some data to ChatGPT or any LLM API abstraction layer then you most likely have to take care of it.
With regards to scale, it depends on your system architecture