Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

jordienr's profile picture

jordi

7,080 subscribers

199,755 görüntüleme • 1 yıl önce •via X (Twitter)

EğitimFinansBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

"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.
0:19

"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

35,064 görüntüleme • 1 yıl önce

I just published the full guide to building forms with the Field component: - TanStack Form & React Hook Form - Zod validation and displaying errors - Practical examples we’ll actually use - Inputs, Radios, Fieldset, Arrays & more Check it out. Link below.
0:14

I just published the full guide to building forms with the Field component: - TanStack Form & React Hook Form - Zod validation and displaying errors - Practical examples we’ll actually use - Inputs, Radios, Fieldset, Arrays & more Check it out. Link below.

shadcn

253,469 görüntüleme • 8 ay önce

Did you asked for copying the schema and queries in SQL, TypeScript, Zod, Prisma, Drizzle ORM, kysely formats?
0:19

Did you asked for copying the schema and queries in SQL, TypeScript, Zod, Prisma, Drizzle ORM, kysely formats?

Conar.app

333,141 görüntüleme • 5 ay önce

🔥 Just released: RevenueCat Paywalls now supports videos. Add a video component to your paywall, just as you would an image. Give it a try in your next A/B test.
0:15

🔥 Just released: RevenueCat Paywalls now supports videos. Add a video component to your paywall, just as you would an image. Give it a try in your next A/B test.

RevenueCat

1,892,880 görüntüleme • 8 ay önce

📺 RevenueCat Paywalls now supports videos. ➕Add a video component to your paywall, just as you would a photo.
0:15

📺 RevenueCat Paywalls now supports videos. ➕Add a video component to your paywall, just as you would a photo.

RevenueCat

14,029 görüntüleme • 8 ay önce

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
0:15

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 görüntüleme • 5 ay önce

Animated image loader component library ready to use, supports dark and light theme npm install img-fx
0:17

Animated image loader component library ready to use, supports dark and light theme npm install img-fx

Jakub Antalik

77,929 görüntüleme • 1 ay önce

working on a custom timeline component for our time machine interface 🪄
0:10

working on a custom timeline component for our time machine interface 🪄

pugson

101,602 görüntüleme • 1 yıl önce

A new shadcn primitive for ye! The Image Crop component — a fully composable component for cropping uploaded images. Link 👇🧵
0:11

A new shadcn primitive for ye! The Image Crop component — a fully composable component for cropping uploaded images. Link 👇🧵

Hayden Bleasel

29,571 görüntüleme • 1 yıl önce

built a small simple component for middle truncation based on @𝚌𝚑𝚎𝚗𝚐𝚕𝚘𝚞/𝚙𝚛𝚎𝚝𝚎𝚡𝚝
0:14

built a small simple component for middle truncation based on @𝚌𝚑𝚎𝚗𝚐𝚕𝚘𝚞/𝚙𝚛𝚎𝚝𝚎𝚡𝚝

dmytro

182,184 görüntüleme • 2 ay önce

introducing: gooey effect component for Framer use this component to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)
0:11

introducing: gooey effect component for Framer use this component to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)

Framer University

25,532 görüntüleme • 1 yıl önce

Custom components using . Want to know my process + prompts? Drop "component" below, I'll share them with you.
0:18

Custom components using . Want to know my process + prompts? Drop "component" below, I'll share them with you.

damien

43,416 görüntüleme • 1 yıl önce

Another banger Kibo UI component by rickyrickyri just dropped! A fully composable shadcn credit card component 💳 Link 👇🧵
0:17

Another banger Kibo UI component by rickyrickyri just dropped! A fully composable shadcn credit card component 💳 Link 👇🧵

Hayden Bleasel

34,992 görüntüleme • 11 ay önce

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.
0:10

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,895 görüntüleme • 10 ay önce

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!
0:18

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 görüntüleme • 1 yıl önce

Create your own custom controller and get a free engraving 🎮 ​​ Save up to 20% on Xbox controllers and reduced prices on components on Xbox Design Lab:
0:15

Create your own custom controller and get a free engraving 🎮 ​​ Save up to 20% on Xbox controllers and reduced prices on components on Xbox Design Lab:

Xbox

94,669 görüntüleme • 6 ay önce

Built an animated Liquid Metal border component library with built-in reflections on neighboring components, multiple styles and color modes, dark & light mode npm install metal-fx
0:16

Built an animated Liquid Metal border component library with built-in reflections on neighboring components, multiple styles and color modes, dark & light mode npm install metal-fx

Jakub Antalik

131,882 görüntüleme • 1 ay önce

This would have taken me forever without Claude AI I constantly get impressed by how far I can take concepts I had in my head to a functional component in a couple of hours. Normally, I'd spend just that amount of time designing in Figma. Now, I completely skip Figma and go straight to code. Designing in code is back and I love every minute of it.
0:15

This would have taken me forever without Claude AI I constantly get impressed by how far I can take concepts I had in my head to a functional component in a couple of hours. Normally, I'd spend just that amount of time designing in Figma. Now, I completely skip Figma and go straight to code. Designing in code is back and I love every minute of it.

Meng To

90,837 görüntüleme • 1 yıl önce

Alrighty, the time has come to give away frostin-ui components for free Here's + I had originally hoped to build a product around these components, but i moved to new york and got too busy with elevenlabs and now they've just been sitting dormant on my local I'll be releasing sandboxes showcasing each component Some of the components are still a bit raw so don't expect a fully fleshed out library, but there's a lot of useful abstractions in here that i've carried with me from project to project for years Sandbox in 🧵👇
0:11

Alrighty, the time has come to give away frostin-ui components for free Here's + I had originally hoped to build a product around these components, but i moved to new york and got too busy with elevenlabs and now they've just been sitting dormant on my local I'll be releasing sandboxes showcasing each component Some of the components are still a bit raw so don't expect a fully fleshed out library, but there's a lot of useful abstractions in here that i've carried with me from project to project for years Sandbox in 🧵👇

Austin Malerba

21,774 görüntüleme • 1 yıl önce

I want to open source the infinite grid component that I built for thiings[.]co Are there any good boilerplates for a simple React/TS component library? ChatGPT wasn't much help finding one. Or should I just get Cursor to scaffold something?
0:10

I want to open source the infinite grid component that I built for thiings[.]co Are there any good boilerplates for a simple React/TS component library? ChatGPT wasn't much help finding one. Or should I just get Cursor to scaffold something?

Charlie Clark

146,355 görüntüleme • 1 yıl önce