Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

"Can I pass a zod schema from a server to a client component as a prop?" Nope, zod schema is not serializable. But you can re-import it in the client component.

Alex Sidorenko

33,614 subscribers

35,064 views • 1 year ago •via X (Twitter)

Science & Technology Comedy Education

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

made a component that renders forms based on a zod schema - uses my own components - supports custom labels, placeholders, props, etc now I just create a zod schema, pass it to createForm() and get a fully functional form component. maybe worth making an npm package for this

made a component that renders forms based on a zod schema - uses my own components - supports custom labels, placeholders, props, etc now I just create a zod schema, pass it to createForm() and get a fully functional form component. maybe worth making an npm package for this

jordi

199,755 views • 1 year ago

Added a universal Loader component to so you can build loaders much faster. This demo is ~90% vibecoded, but without a proper API it would quickly turn into a mess. Component: How it works — in the comments 👇

Added a universal Loader component to so you can build loaders much faster. This demo is ~90% vibecoded, but without a proper API it would quickly turn into a mess. Component: How it works — in the comments 👇

Volodymyr

30,760 views • 4 months ago

Waku ( provides a minimal API. With it, you can build a client-first app. No need for "use client." All components are client components. Server functions with "use server" can return JSX elements. Check out this working example!

Waku ( provides a minimal API. With it, you can build a client-first app. No need for "use client." All components are client components. Server functions with "use server" can return JSX elements. Check out this working example!

Daishi Kato

12,793 views • 1 year ago

Have you used the declarative database schema already? It's a way to manage your growing database schema, using SQL files as the single source of truth for the database's state, similar to some ORMs. We use it internally as well and are happy to bring it to you!

Have you used the declarative database schema already? It's a way to manage your growing database schema, using SQL files as the single source of truth for the database's state, similar to some ORMs. We use it internally as well and are happy to bring it to you!

Tyler Shukert

61,984 views • 9 months ago

Introducing I spent the last three days building and refining this component from scratch, making it customizable, so that you can get as creative as possible with it. It’s not perfect, but I hope you like it! Available now on

Introducing I spent the last three days building and refining this component from scratch, making it customizable, so that you can get as creative as possible with it. It’s not perfect, but I hope you like it! Available now on

David Haz

114,887 views • 10 months ago

🚫 𝗔𝘃𝗼𝗶𝗱 Using a full context value in every component can trigger unnecessary re-renders. ✅ 𝗜𝗻𝘀𝘁𝗲𝗮𝗱 Use 𝘤𝘰𝘯𝘵𝘦𝘹𝘵 𝘴𝘦𝘭𝘦𝘤𝘵𝘰𝘳𝘴 to pull only the data you need. This reduces re-renders and improves performance.

🚫 𝗔𝘃𝗼𝗶𝗱 Using a full context value in every component can trigger unnecessary re-renders. ✅ 𝗜𝗻𝘀𝘁𝗲𝗮𝗱 Use 𝘤𝘰𝘯𝘵𝘦𝘹𝘵 𝘴𝘦𝘭𝘦𝘤𝘵𝘰𝘳𝘴 to pull only the data you need. This reduces re-renders and improves performance.

George Moller

52,973 views • 1 year ago

Tool UI is a React framework for conversation-native UIs. Tools return JSON, and Tool UI renders it as inline, narrated, referenceable surfaces inside messages, optimized for chat width and scroll. It’s schema-first: every surface is driven by a serializable schema with stable IDs, so results stay consistent and reusable. It’s assistant-anchored and stack-agnostic, working with any LLM/provider and orchestration layer. If you’re building agents, it’s a clean bridge from tool outputs to real product UX.

Tool UI is a React framework for conversation-native UIs. Tools return JSON, and Tool UI renders it as inline, narrated, referenceable surfaces inside messages, optimized for chat width and scroll. It’s schema-first: every surface is driven by a serializable schema with stable IDs, so results stay consistent and reusable. It’s assistant-anchored and stack-agnostic, working with any LLM/provider and orchestration layer. If you’re building agents, it’s a clean bridge from tool outputs to real product UX.

Tw93

66,900 views • 5 months ago

Supabase introduces Declarative Schema! It's a new way to manage your growing database schema, using SQL files as the single source of truth for the database's state, similar to some ORMs. We use it internally as well and are happy to be able to bring it to you!

Supabase introduces Declarative Schema! It's a new way to manage your growing database schema, using SQL files as the single source of truth for the database's state, similar to some ORMs. We use it internally as well and are happy to be able to bring it to you!

Tyler Shukert

26,234 views • 1 year ago

I think I found a way to make a React Native list component with significantly better performance than FlashList, with 100% javascript. I'm still testing it but as far as I can tell there’s no pitfalls or issues… It just requires the new architecture for synchronous onLayout.

I think I found a way to make a React Native list component with significantly better performance than FlashList, with 100% javascript. I'm still testing it but as far as I can tell there’s no pitfalls or issues… It just requires the new architecture for synchronous onLayout.

Jay Meistrich

95,375 views • 1 year ago

It's crazy how easy it is to build agentic workflows now. Built a multi-step AI agent with AI SDK for Midday customer enrichment: - ToolLoopAgent with prepareStep for phase control - Gemini 2.5 Flash + URL Context to read websites directly - Google Search grounding for LinkedIn/social discovery - generateObject with Zod schema for structured extraction

It's crazy how easy it is to build agentic workflows now. Built a multi-step AI agent with AI SDK for Midday customer enrichment: - ToolLoopAgent with prepareStep for phase control - Gemini 2.5 Flash + URL Context to read websites directly - Google Search grounding for LinkedIn/social discovery - generateObject with Zod schema for structured extraction

Pontus Abrahamsson

32,114 views • 6 months ago

💻 Open related projects, like a server and client, in the same #IntelliJIDEA project as modules. 📂 Open the client from the server project from: File | Module from Existing Sources. Select the relevant model, like Gradle or Maven, if applicable. 🐘 🪶 #IntelliJIDEATips

💻 Open related projects, like a server and client, in the same #IntelliJIDEA project as modules. 📂 Open the client from the server project from: File | Module from Existing Sources. Select the relevant model, like Gradle or Maven, if applicable. 🐘 🪶 #IntelliJIDEATips

IntelliJ IDEA, a JetBrains IDE

19,238 views • 2 years ago

As you can see, fine people of the jury, my client is just a tiny little guy who can certainly have all the lap time he wants

As you can see, fine people of the jury, my client is just a tiny little guy who can certainly have all the lap time he wants

Beefaroni & Marvin 🍖

102,125 views • 1 year ago

So they can capture a president of a country 1300 miles away but can't arrest a SINGLE Epstein client living in the same country?

So they can capture a president of a country 1300 miles away but can't arrest a SINGLE Epstein client living in the same country?

Aubrey Plaza

658,868 views • 6 months ago

So, they can capture a president of a country 1300 miles away, but can't arrest a SINGLE Epstein client living in the same country

So, they can capture a president of a country 1300 miles away, but can't arrest a SINGLE Epstein client living in the same country

karma

540,365 views • 5 months ago

this is a big day for Framer users. you can now reveal SVG paths on scroll. best part? it's a free component. just comment "PATH" and i'll send it.

this is a big day for Framer users. you can now reveal SVG paths on scroll. best part? it's a free component. just comment "PATH" and i'll send it.

Framer University

29,911 views • 10 months ago

Supabase has a new way of managing database migrations called declarative schema, and it works excellent with Cursor, too! Just ask Cursor for the modification you want to have on the database and generate migrations with the CLI! It really helps to keep the schema organized!

Supabase has a new way of managing database migrations called declarative schema, and it works excellent with Cursor, too! Just ask Cursor for the modification you want to have on the database and generate migrations with the CLI! It really helps to keep the schema organized!

Tyler Shukert

19,263 views • 1 year ago

"Civilization advances by extending the number of important operations which we can perform without thinking about them" In a previous (mootools) life I literally spent *weeks* building a component like this 🥲. It now takes a simple prompt and is available to everyone.

"Civilization advances by extending the number of important operations which we can perform without thinking about them" In a previous (mootools) life I literally spent weeks building a component like this 🥲. It now takes a simple prompt and is available to everyone.

Guillermo Rauch

71,823 views • 1 year ago

I built a tiny icon-morphing component with AlpineJS + Blade! You literally just pass in two SVGs and it handles the morphing for you. Could be on hover or whatever other trigger/event is needed Super simple to use, but it makes interactions feel so much more polished.

I built a tiny icon-morphing component with AlpineJS + Blade! You literally just pass in two SVGs and it handles the morphing for you. Could be on hover or whatever other trigger/event is needed Super simple to use, but it makes interactions feel so much more polished.

Liam Hammett

13,718 views • 6 months ago