Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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!

dai_shi's profile picture

Daishi Kato

19,652 subscribers

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

Bilim & TeknolojiHaberler & PolitikaEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Common misconception: Components with "use client" only run in browser Client components still get pre-rendered to the initial HTML on the server (SSR)
0:10

Common misconception: Components with "use client" only run in browser Client components still get pre-rendered to the initial HTML on the server (SSR)

Alex Sidorenko

88,545 görüntüleme • 2 yıl önce

Wait... why did they stop at "use client?" 🤔 You can opt-out of SSR, check if visible, or go crazy with client: directives.
0:18

Wait... why did they stop at "use client?" 🤔 You can opt-out of SSR, check if visible, or go crazy with client: directives.

Astro

53,921 görüntüleme • 1 yıl önce

"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

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵
0:19

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵

Cline

110,058 görüntüleme • 1 yıl önce

Imagine knowing exactly what SEO strategy to use for every new client you onboard? We created a 'RANKING COOKBOOK' for SEO agencies. Whatever kind of client you have, we have an SEO recipe. If you want this, reply with 'COOKBOOK' and like this post.
0:19

Imagine knowing exactly what SEO strategy to use for every new client you onboard? We created a 'RANKING COOKBOOK' for SEO agencies. Whatever kind of client you have, we have an SEO recipe. If you want this, reply with 'COOKBOOK' and like this post.

Joe Davies

81,438 görüntüleme • 3 yıl önce

Characters for OpenAI Realtime API are OUT! this is a showcase app of what you can build today on top of Realtime API.
0:19

Characters for OpenAI Realtime API are OUT! this is a showcase app of what you can build today on top of Realtime API.

Sergey Gonchar

61,787 görüntüleme • 1 yıl önce

While working on a new video with solutions to the previous one, I found ChatGPT's new UI struggles even more with concurrent updates: entries lose state and stick around for too long (see video). If this was a LiveView app, we would be getting so much flak.😅 --- I believe part of the problem here is having separate mutate and fetch requests on every deletion. The first fetch is cancelled when the second one comes up, causing items to stick around for longer. Many said yesterday that you could do the mutation and fetch as a single request, but that leads to other problems, such zombie entries. For example, imagine you delete link1 and link2 within a brief period of time. There is no guarantee the deletion order in the database will match the order the client receives the response, so you may end up with this: 1. (client) request to delete link1 sent 2. (client) request to delete link2 sent 3. (server) deletes link1 and loads a new list (includes link2) 4. (server) deletes link2 and loads a new list (no link1 or link2) 5. (client) receives link2 response 6. (client) receives link1 response So if you choose to use the latest response (link1), you brought link2 back to life. If you say you will use the response from the last request, events 3-4 can be swapped, and now you bring link1 back to life. Another way to solve this is by basically not allowing concurrent requests at all but that can affect the user experience drastically in other ways. Next week I should publish a video explaining how LiveView tackles this. Stay tuned!
0:10

While working on a new video with solutions to the previous one, I found ChatGPT's new UI struggles even more with concurrent updates: entries lose state and stick around for too long (see video). If this was a LiveView app, we would be getting so much flak.😅 --- I believe part of the problem here is having separate mutate and fetch requests on every deletion. The first fetch is cancelled when the second one comes up, causing items to stick around for longer. Many said yesterday that you could do the mutation and fetch as a single request, but that leads to other problems, such zombie entries. For example, imagine you delete link1 and link2 within a brief period of time. There is no guarantee the deletion order in the database will match the order the client receives the response, so you may end up with this: 1. (client) request to delete link1 sent 2. (client) request to delete link2 sent 3. (server) deletes link1 and loads a new list (includes link2) 4. (server) deletes link2 and loads a new list (no link1 or link2) 5. (client) receives link2 response 6. (client) receives link1 response So if you choose to use the latest response (link1), you brought link2 back to life. If you say you will use the response from the last request, events 3-4 can be swapped, and now you bring link1 back to life. Another way to solve this is by basically not allowing concurrent requests at all but that can affect the user experience drastically in other ways. Next week I should publish a video explaining how LiveView tackles this. Stay tuned!

José Valim

22,976 görüntüleme • 1 yıl önce

My secret to guaranteeing a sales funnel converts? A foolproof checklist ✅ And today, I’m giving away the EXACT checklist I use every time I build a sales funnel for a client. Like this and comment “funnel”, and I’ll send it to you for free. (Must be following so I can DM)
0:11

My secret to guaranteeing a sales funnel converts? A foolproof checklist ✅ And today, I’m giving away the EXACT checklist I use every time I build a sales funnel for a client. Like this and comment “funnel”, and I’ll send it to you for free. (Must be following so I can DM)

Molly Lye 🤓

33,481 görüntüleme • 3 yıl önce

last night i put codex app server in a chrome extension because you can just do things pretty fun to use with image-gen when inspo browsing chromex ✨
0:15

last night i put codex app server in a chrome extension because you can just do things pretty fun to use with image-gen when inspo browsing chromex ✨

matias

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

Client: "I need a premium quality Landing page for my business." Me: "That will cost $4000." Clients: "Ok, what are the perks?" Me: → World class website, designed and developed in Framer. → Copy and composition to help you turn visitors to customers. → Custom illustrations and minimal animations that tell a story and not just look pretty. → No headaches, seamless collaboration, so that you can focus on your business. Client: "Exactly what I am looking for, how can I pay you :) "
0:11

Client: "I need a premium quality Landing page for my business." Me: "That will cost $4000." Clients: "Ok, what are the perks?" Me: → World class website, designed and developed in Framer. → Copy and composition to help you turn visitors to customers. → Custom illustrations and minimal animations that tell a story and not just look pretty. → No headaches, seamless collaboration, so that you can focus on your business. Client: "Exactly what I am looking for, how can I pay you :) "

Skar

92,353 görüntüleme • 10 ay önce

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code
0:15

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code

Melvyn • Builder

160,071 görüntüleme • 4 ay önce

Client paid $5K for this site. I made it with AI in under a minute. (No coding needed) Here’s how I did it: 👇
0:10

Client paid $5K for this site. I made it with AI in under a minute. (No coding needed) Here’s how I did it: 👇

Farhan

193,378 görüntüleme • 1 yıl önce

I did the most unique website for one of my amazing client! Client said this on our last call: "I no longer have the worlds ugliest website!" Does your website/landing page need a makeover? Don't have any? You are burning money. Schedule a FREE discovery call with me or dm us if you'd like a site like this!
0:14

I did the most unique website for one of my amazing client! Client said this on our last call: "I no longer have the worlds ugliest website!" Does your website/landing page need a makeover? Don't have any? You are burning money. Schedule a FREE discovery call with me or dm us if you'd like a site like this!

LEO

41,969 görüntüleme • 2 yıl önce

This simple trick will make your Livewire apps 10x faster with zero JavaScript 🏎️💨 Whenever you have a selectable element, you might be tempted to write something like this in your classes: {{ $selected ? ‘bg-blue-500’ : ‘’ }} This is very slow, that class will only get added when the server responds. Instead, use an input element with wire:model on it, and add the following class to its parent: has-checked:bg-blue-500 Now the element reacts instantly and doesn’t wait for the server, unlike the first solution. This alone makes your app feel A LOT faster because it gives the user immediate feedback that something happened, even if the page updates 100ms later after the server responds. You can use this trick with various form elements, toggles, checkboxes, etc. Code below 👇
0:19

This simple trick will make your Livewire apps 10x faster with zero JavaScript 🏎️💨 Whenever you have a selectable element, you might be tempted to write something like this in your classes: {{ $selected ? ‘bg-blue-500’ : ‘’ }} This is very slow, that class will only get added when the server responds. Instead, use an input element with wire:model on it, and add the following class to its parent: has-checked:bg-blue-500 Now the element reacts instantly and doesn’t wait for the server, unlike the first solution. This alone makes your app feel A LOT faster because it gives the user immediate feedback that something happened, even if the page updates 100ms later after the server responds. You can use this trick with various form elements, toggles, checkboxes, etc. Code below 👇

Filip Ganyicz

26,010 görüntüleme • 11 ay önce

Gemini 3 is absolutely crazy you can generate a website that can use hands to interact with 3D models.. how's this even possible created with simple text prompt, no need coding at all
0:15

Gemini 3 is absolutely crazy you can generate a website that can use hands to interact with 3D models.. how's this even possible created with simple text prompt, no need coding at all

el.cine

895,285 görüntüleme • 7 ay önce

So... I literally oneshotted this code with Claude Sonnet 3.7 for replicating the exact same browser sandbox runtime that Manus uses. And I am going to open-source it, welcome contributions for building out the React VNC client, integrating to browser use, agent loop, etc. But we need a name first, should we call it... - Autonomous Neural Universal System - Magnus - or ?
0:10

So... I literally oneshotted this code with Claude Sonnet 3.7 for replicating the exact same browser sandbox runtime that Manus uses. And I am going to open-source it, welcome contributions for building out the React VNC client, integrating to browser use, agent loop, etc. But we need a name first, should we call it... - Autonomous Neural Universal System - Magnus - or ?

jian

419,270 görüntüleme • 1 yıl önce

"Love working out with this ZING, easy, customizable workouts, and you can use it in the gym OR your home" — Zing user
0:19

"Love working out with this ZING, easy, customizable workouts, and you can use it in the gym OR your home" — Zing user

Zing

3,919,092 görüntüleme • 1 yıl önce

We’re adding native support for the MCP protocol in n8n: you can now get early access to both our MCP Client tool & MCP Trigger nodes! Try it out, break it, build something cool, and let us know what you need. 👉 #n8n #AI #MCP
0:15

We’re adding native support for the MCP protocol in n8n: you can now get early access to both our MCP Client tool & MCP Trigger nodes! Try it out, break it, build something cool, and let us know what you need. 👉 #n8n #AI #MCP

n8n.io

18,400 görüntüleme • 1 yıl önce

🚀Our New Paper on Open-Source Bipeda Robot MEVITA is out! All components can be procured through e-commerce, and the robot is built with a minimal number of parts. All hardware, software, and learning environment are released as open source. 🌐 Thread👇
0:16

🚀Our New Paper on Open-Source Bipeda Robot MEVITA is out! All components can be procured through e-commerce, and the robot is built with a minimal number of parts. All hardware, software, and learning environment are released as open source. 🌐 Thread👇

Kento Kawaharazuka / 河原塚 健人

48,281 görüntüleme • 10 ay önce