Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

The Svelte 5 guide has everything from reactivity and how it works, when to use and avoid effects, events, bindings, components and composition, transitions and animations to using third party libraries and making external systems reactive. 🔥

joyofcodedev's profile picture

matia 🇭🇷

6,097 subscribers

10,810 görüntüleme • 11 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Creator of Svelte, Rich Harris presents an exploration of reactive systems and the benefits of using fine-grained reactivity with compilers, demonstrating how this approach can simplify application development by giving developers "remote control" over their code's performance and behavior. Full video:
0:45

Creator of Svelte, Rich Harris presents an exploration of reactive systems and the benefits of using fine-grained reactivity with compilers, demonstrating how this approach can simplify application development by giving developers "remote control" over their code's performance and behavior. Full video:

VoidZero

12,422 görüntüleme • 8 ay önce

I used to spend 5 hours editing one video. Now I just tell NemoVideo what I want and it handles everything like cuts, transitions, subtitles, effects. NemoVideo has already integrated Seedance 2.0 While editors charge $3,000 per project, this does it for $4.19/month. Here's how it works: 👇
2:22

I used to spend 5 hours editing one video. Now I just tell NemoVideo what I want and it handles everything like cuts, transitions, subtitles, effects. NemoVideo has already integrated Seedance 2.0 While editors charge $3,000 per project, this does it for $4.19/month. Here's how it works: 👇

Hasan Toor

54,997 görüntüleme • 4 ay önce

Hoeven: Our military is the best in the world. They use precision munitions and they do everything they can to avoid civilian casualties. Now understand how Iran and Hamas and these terrorist groups work. They purposely put their weapons systems and so forth in the midst of their civilian population, and so they make it very hard. But even still, our military — and Israel too — they do everything they can to try to avoid civilian casualties. And they’ll continue to do it, and they’re the best in the world at doing it. And look at Iran — they target civilians.
0:58

Hoeven: Our military is the best in the world. They use precision munitions and they do everything they can to avoid civilian casualties. Now understand how Iran and Hamas and these terrorist groups work. They purposely put their weapons systems and so forth in the midst of their civilian population, and so they make it very hard. But even still, our military — and Israel too — they do everything they can to try to avoid civilian casualties. And they’ll continue to do it, and they’re the best in the world at doing it. And look at Iran — they target civilians.

Acyn

39,736 görüntüleme • 4 ay önce

Veo 3 works with Runway Aleph. It keeps the SFX and audio even after you modify the video. The latest Runway Chat update has brought in Veo 3 as a new third party model. Here's how to use it!
0:44

Veo 3 works with Runway Aleph. It keeps the SFX and audio even after you modify the video. The latest Runway Chat update has brought in Veo 3 as a new third party model. Here's how to use it!

Jerrod Lew

14,339 görüntüleme • 10 ay önce

This is the full video showing what I made with Rork and Claude Fable 5. It’s super simple because I wanted to test Fable 5 using completely natural language (and even in Vietnamese) to see how well it would perform without any fancy prompts and it worked surprisingly well. I simply uploaded screenshots of Subway Surfers and told it to "clone this," and it did a pretty solid job. Also, Rork already has built-in integrations to generate game art, sound effects, and 3D models, so I didn’t use any external tools at all. It cost me around 500–600 credits. As I mentioned in my previous video, I wanted to test Claude Fable 5, and since I’m a Rork partner, I had free credits to use. Right now, instead of using Claude Code and then wiring up separate 3D tools and everything else which takes way too much time and $, I just use Rork to build everything and showcase it here. So yeah, that’s my workflow.
3:13

This is the full video showing what I made with Rork and Claude Fable 5. It’s super simple because I wanted to test Fable 5 using completely natural language (and even in Vietnamese) to see how well it would perform without any fancy prompts and it worked surprisingly well. I simply uploaded screenshots of Subway Surfers and told it to "clone this," and it did a pretty solid job. Also, Rork already has built-in integrations to generate game art, sound effects, and 3D models, so I didn’t use any external tools at all. It cost me around 500–600 credits. As I mentioned in my previous video, I wanted to test Claude Fable 5, and since I’m a Rork partner, I had free credits to use. Right now, instead of using Claude Code and then wiring up separate 3D tools and everything else which takes way too much time and $, I just use Rork to build everything and showcase it here. So yeah, that’s my workflow.

Alex Nguyen

88,789 görüntüleme • 10 gün önce

This is _extremely_ cool. SVELTROID: the HUD and visors from Metroid Prime, recreated with SvelteKit and Three.js. Even scanning works! The world is rendered via Three, but the HUD is all Svelte components. Shared by Tyler Johnson in the Svelte Discord's showcase channel.
0:29

This is _extremely_ cool. SVELTROID: the HUD and visors from Metroid Prime, recreated with SvelteKit and Three.js. Even scanning works! The world is rendered via Three, but the HUD is all Svelte components. Shared by Tyler Johnson in the Svelte Discord's showcase channel.

Geoff Rich

18,971 görüntüleme • 2 yıl önce

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.
1:00

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

130,080 görüntüleme • 2 yıl önce

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.
0:46

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

177,645 görüntüleme • 1 yıl önce

❌ Avoid prop-drilling your components to extend them ✅ Instead use composition
0:31

❌ Avoid prop-drilling your components to extend them ✅ Instead use composition

George Moller

51,241 görüntüleme • 5 ay önce

Spent a lot of time figuring out the layout storyboard for this scene, trying to make sure every beat worked with the timing, composition, and transitions. Really grateful to the animatic and animation team for making it happen.
1:39

Spent a lot of time figuring out the layout storyboard for this scene, trying to make sure every beat worked with the timing, composition, and transitions. Really grateful to the animatic and animation team for making it happen.

Chris de Leon

16,710 görüntüleme • 2 ay önce

The OFFICIAL 5 minute guide to TrenchBuddy and the $TRENCH ecosystem. How to find and research a token using our world-class onchain detection algorithms and AI deep research agents. / / Enjoy!
5:26

The OFFICIAL 5 minute guide to TrenchBuddy and the $TRENCH ecosystem. How to find and research a token using our world-class onchain detection algorithms and AI deep research agents. / / Enjoy!

TrenchBuddy

15,386 görüntüleme • 1 yıl önce

🚨 Avoid monolithic components that combine rendering, state management, and configuration (e.g., IDs, refs) into one unit, is harder to maintain, test, and reuse. ✅ Instead split functionality into composable components and use context to share configuration and state.
0:47

🚨 Avoid monolithic components that combine rendering, state management, and configuration (e.g., IDs, refs) into one unit, is harder to maintain, test, and reuse. ✅ Instead split functionality into composable components and use context to share configuration and state.

George Moller

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

Xavi once said: ”The third man is impossible to defend.” As usual, De Zerbi takes what works and perfects it. How does he use the third-man concept? ⬇️
0:30

Xavi once said: ”The third man is impossible to defend.” As usual, De Zerbi takes what works and perfects it. How does he use the third-man concept? ⬇️

Bene Schneiderbauer

123,503 görüntüleme • 2 yıl önce

Two systems working beautifully together: DRKR PXLS Camera Composition Overlays and Black Eye cameras from Black Eye Technologies. DRKR PXLS Camera Overlays gives you inspiring on-screen composition guides. Black Eye cameras look through the lens and follow those guides in real time inside Unreal Engine. Pick a guide, set your Black Eye camera to track it, and you’re ready to shoot cinematic frames on dynamic subjects and it all works in real-time, even when things change. Both available on Fab Good cameras make great projects! 🔗👇
2:59

Two systems working beautifully together: DRKR PXLS Camera Composition Overlays and Black Eye cameras from Black Eye Technologies. DRKR PXLS Camera Overlays gives you inspiring on-screen composition guides. Black Eye cameras look through the lens and follow those guides in real time inside Unreal Engine. Pick a guide, set your Black Eye camera to track it, and you’re ready to shoot cinematic frames on dynamic subjects and it all works in real-time, even when things change. Both available on Fab Good cameras make great projects! 🔗👇

Black Eye Cameras

14,579 görüntüleme • 7 ay önce

New #Overwatch x YOASOBI Collab Skins VFX Collection ✨ 🪐Sound effects added and changed when using Juno's ULT 🦊Sound effects added and talisman effects changed when using Kiriko's ULT The sound effects and visual effects change when using the YOASOBI skin's ultimate.
0:30

New #Overwatch x YOASOBI Collab Skins VFX Collection ✨ 🪐Sound effects added and changed when using Juno's ULT 🦊Sound effects added and talisman effects changed when using Kiriko's ULT The sound effects and visual effects change when using the YOASOBI skin's ultimate.

Naeri X 나에리

50,747 görüntüleme • 11 gün önce

SUCCESSFULLY DEPLOYED TO iOS 🚀 Converted to native and submitted to TestFlight on stream. It was just approved for external testing—link in replies 🔗 Crazy how easy this was with @Expo Router and DOM Components 🔥
0:31

SUCCESSFULLY DEPLOYED TO iOS 🚀 Converted to native and submitted to TestFlight on stream. It was just approved for external testing—link in replies 🔗 Crazy how easy this was with @Expo Router and DOM Components 🔥

Evan Bacon 🥓

41,113 görüntüleme • 1 yıl önce

Comment EDIT and I’ll send you my FREE editing pack (Luts, sounds effects, visual templates and a step by step video guide on how to use them)
0:23

Comment EDIT and I’ll send you my FREE editing pack (Luts, sounds effects, visual templates and a step by step video guide on how to use them)

Cam Meunier 🎞️

78,859 görüntüleme • 2 yıl önce

The left continues to create and sustain a permission structure for violence. They refuse to call out their own when their side promotes or encourages it. The Democratic Party has a serious problem with political violence, and they are doing everything they can to avoid admitting it.
1:22

The left continues to create and sustain a permission structure for violence. They refuse to call out their own when their side promotes or encourages it. The Democratic Party has a serious problem with political violence, and they are doing everything they can to avoid admitting it.

Jeffery Mead

81,197 görüntüleme • 9 ay önce

I made this site entirely in Figma using Locofy.ai Responsive layout, breakpoints, pages, animations. The code is near perfect and exportable to React w/ styles, components and variables. For simple sites like portfolios and landing pages, you can do everything in Figma.
0:43

I made this site entirely in Figma using Locofy.ai Responsive layout, breakpoints, pages, animations. The code is near perfect and exportable to React w/ styles, components and variables. For simple sites like portfolios and landing pages, you can do everything in Figma.

Meng To

32,205 görüntüleme • 2 yıl önce