Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieNachrichten & PolitikBildung
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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,553 Aufrufe • vor 3 Jahren

Until there’s an official Grok Build app, you can still use it from your iPhone or Android with Termius (or any other SSH client). Just install Tailscale on your server, connect to the Tailscale IP in Termius, and run Grok Build from the command line as usual 👇
0:18

Until there’s an official Grok Build app, you can still use it from your iPhone or Android with Termius (or any other SSH client). Just install Tailscale on your server, connect to the Tailscale IP in Termius, and run Grok Build from the command line as usual 👇

Mia

15,627 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 1 Jahr

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,462 Aufrufe • vor 3 Jahren

Do you use our Build iOS Apps plugin for Codex? I use it often to build new apps and help me on various iOS projects. It also comes with a skill to open server-sim right into the app in the app browser! Probably the feature I use the most!
0:10

Do you use our Build iOS Apps plugin for Codex? I use it often to build new apps and help me on various iOS projects. It also comes with a skill to open server-sim right into the app in the app browser! Probably the feature I use the most!

Thomas Ricouard

31,609 Aufrufe • vor 1 Monat

The gold standard fluid interactions on iOS are built using in-process client animations (like SwiftUI does it) and not render-server animations (like CoreAnimation does it). This is common knowledge inside of Apple’s UI framework and system experience teams. A close inspection of iOS’s evolution reveals the gradual upgrading of system experiences written using render-server animations (that often disable user interaction) with ones using client animations (that are interruptible and interactive). The app switcher for iPhone X, the Dynamic Island, and Liquid Glass bars are prime examples of this trend. The other thing that makes these experiences feel so fluid is their use of spring animations that preserve velocity, rather than Bézier curve easing functions. To get velocity preservation, you need to be able to interrupt a spring animation and retarget it or drive it with a gesture. That’s a lot easier to do when the animation is running in the same process as the event handling. When we were first pitching SwiftUI, two of our go-to demos were a recreation of the iOS 9 navigation and Home Screen interactions which were fully interactive and interruptible, at a time when the actual implementations of those experiences in the OS disabled user interaction and ran server-side animations. CoreAnimation is great and the framework does much more than animation. You can build a fine app using its server-side animations. But if your UI framework can’t do efficient main thread client animations, there’s a ceiling to the quality of the experience your app can provide.
0:12

The gold standard fluid interactions on iOS are built using in-process client animations (like SwiftUI does it) and not render-server animations (like CoreAnimation does it). This is common knowledge inside of Apple’s UI framework and system experience teams. A close inspection of iOS’s evolution reveals the gradual upgrading of system experiences written using render-server animations (that often disable user interaction) with ones using client animations (that are interruptible and interactive). The app switcher for iPhone X, the Dynamic Island, and Liquid Glass bars are prime examples of this trend. The other thing that makes these experiences feel so fluid is their use of spring animations that preserve velocity, rather than Bézier curve easing functions. To get velocity preservation, you need to be able to interrupt a spring animation and retarget it or drive it with a gesture. That’s a lot easier to do when the animation is running in the same process as the event handling. When we were first pitching SwiftUI, two of our go-to demos were a recreation of the iOS 9 navigation and Home Screen interactions which were fully interactive and interruptible, at a time when the actual implementations of those experiences in the OS disabled user interaction and ran server-side animations. CoreAnimation is great and the framework does much more than animation. You can build a fine app using its server-side animations. But if your UI framework can’t do efficient main thread client animations, there’s a ceiling to the quality of the experience your app can provide.

Kyle Macomber

192,621 Aufrufe • vor 11 Tagen

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

23,050 Aufrufe • vor 2 Jahren

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

62,438 Aufrufe • vor 1 Jahr

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,483 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 1 Jahr

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,303 Aufrufe • vor 4 Monaten

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,836 Aufrufe • vor 6 Monaten

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,423 Aufrufe • vor 1 Jahr

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

42,064 Aufrufe • vor 2 Jahren

Tracker apps are making banks. 💸 But the market is crowded with AI slop. The ones that stand out are the ones that win. Here’s a peptide tracker app we designed for a client.
0:13

Tracker apps are making banks. 💸 But the market is crowded with AI slop. The ones that stand out are the ones that win. Here’s a peptide tracker app we designed for a client.

Satya

29,326 Aufrufe • vor 2 Monaten

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

896,341 Aufrufe • vor 9 Monaten

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,367 Aufrufe • vor 1 Jahr