Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Did you know React 19's ViewTransition component can create smooth, animated transitions between pages? Just wrap elements with the same name prop and React handles the rest. No complex animation libraries needed! 🎬

kentcdodds's profile picture

Kent C. Dodds 🏹

313,892 subscribers

26,001 görüntüleme • 6 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

New agent skill: 𝚛𝚎𝚊𝚌𝚝-𝚟𝚒𝚎𝚠-𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗𝚜 Add React animations to any React app. Also covers how Next.js can natively integrate them. • Animate elements across navigations • Slide pages forward and back • Smooth loading transitions • Composition and accessibility handled
0:52

New agent skill: 𝚛𝚎𝚊𝚌𝚝-𝚟𝚒𝚎𝚠-𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗𝚜 Add React animations to any React app. Also covers how Next.js can natively integrate them. • Animate elements across navigations • Slide pages forward and back • Smooth loading transitions • Composition and accessibility handled

Next.js

194,704 görüntüleme • 2 ay önce

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure
0:54

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure

david fant

323,395 görüntüleme • 5 ay önce

💙 Easy GSAP animation in React with useGSAP() useGSAP() automatically handles animation cleanup and more, so that you can just focus on the fun stuff. 🤘🏻 To learn more, head over to
1:00

💙 Easy GSAP animation in React with useGSAP() useGSAP() automatically handles animation cleanup and more, so that you can just focus on the fun stuff. 🤘🏻 To learn more, head over to

GSAP

50,241 görüntüleme • 2 yıl önce

Big React Aria release! 🚀 🥳 Multi Select! 🎬 ComboBox onAction prop, e.g. "create" item ➡️ Disclosure animation ✅ New SelectionIndicator component – animations in Tabs, ToggleButtonGroup, etc. 📱 Improved modal scrolling behavior in iOS 26 📆 Calendar selectionAlignment prop
0:30

Big React Aria release! 🚀 🥳 Multi Select! 🎬 ComboBox onAction prop, e.g. "create" item ➡️ Disclosure animation ✅ New SelectionIndicator component – animations in Tabs, ToggleButtonGroup, etc. 📱 Improved modal scrolling behavior in iOS 26 📆 Calendar selectionAlignment prop

Devon Govett

51,350 görüntüleme • 8 ay önce

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️
0:25

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Callstack Engineers

18,203 görüntüleme • 1 ay önce

Did you know: you can run React Scan on any website instantly when using the CLI npx react-scan@latest <url>
0:21

Did you know: you can run React Scan on any website instantly when using the CLI npx react-scan@latest <url>

million

17,351 görüntüleme • 1 yıl önce

The new React Aria docs will have interactive prop controls that update both the component and the code. Configure, test, and copy into your app!
0:24

The new React Aria docs will have interactive prop controls that update both the component and the code. Configure, test, and copy into your app!

Devon Govett

16,198 görüntüleme • 10 ay önce

Did you know you can use most ESLint plugins with Oxlint? That also includes the React compiler rules 🎉
2:50

Did you know you can use most ESLint plugins with Oxlint? That also includes the React compiler rules 🎉

VoidZero

18,479 görüntüleme • 1 ay önce

Here's React Aria's upcoming Virtualizer component with a waterfall layout. Virtualizer comes with list, grid, waterfall, and table layouts, and you can also create your own completely custom layout.
0:26

Here's React Aria's upcoming Virtualizer component with a waterfall layout. Virtualizer comes with list, grid, waterfall, and table layouts, and you can also create your own completely custom layout.

Devon Govett

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

Furina : Did You Know, I Love You | Animated Short | #GenshinImpact Absolutely Incredible animation Covering The Complex Dynamics between Focalors and Furina. Production : Hamelin_哈米伦的弄笛者 #Furina
1:40

Furina : Did You Know, I Love You | Animated Short | #GenshinImpact Absolutely Incredible animation Covering The Complex Dynamics between Focalors and Furina. Production : Hamelin_哈米伦的弄笛者 #Furina

HoYoverse Animation Info

75,631 görüntüleme • 1 ay önce

shadcn/ui patterns. No React. No build. Just Rails. Maquina Components gives you the same component architecture — ERB partials + StimulusJS + Tailwind CSS v4. Claude skill for AI-assisted dev: #Rails #RubyOnRails
1:48

shadcn/ui patterns. No React. No build. Just Rails. Maquina Components gives you the same component architecture — ERB partials + StimulusJS + Tailwind CSS v4. Claude skill for AI-assisted dev: #Rails #RubyOnRails

Mario Alberto Chávez

29,719 görüntüleme • 4 ay önce

13 Must-know React libraries. I use these extensively, definitely worth it. Did I miss any?
0:27

13 Must-know React libraries. I use these extensively, definitely worth it. Did I miss any?

Josef Bender

34,563 görüntüleme • 3 ay önce

I just published the objectively best web-based Liquid Glass implementation in the world as a React component make your landing pages bros link below 👇🏻
0:40

I just published the objectively best web-based Liquid Glass implementation in the world as a React component make your landing pages bros link below 👇🏻

Max Rovensky

252,428 görüntüleme • 1 yıl önce

What if we could animate theme transitions just like the OS does for dark and light mode? Well, now you can with Uniwind Pro 🥳 Enable smooth transitions directly from JS, from ANY theme to ANY theme (even OS triggered theme changes). The animation runs in Swift/Kotlin, while C++ handles the ShadowTree update
0:20

What if we could animate theme transitions just like the OS does for dark and light mode? Well, now you can with Uniwind Pro 🥳 Enable smooth transitions directly from JS, from ANY theme to ANY theme (even OS triggered theme changes). The animation runs in Swift/Kotlin, while C++ handles the ShadowTree update

Jacek

22,176 görüntüleme • 6 ay önce

"How to share state between React client components with a parent server component?" 👇
0:32

"How to share state between React client components with a parent server component?" 👇

Alex Sidorenko

50,550 görüntüleme • 1 yıl önce

how does React know if a component renders?
0:56

how does React know if a component renders?

Aiden Bai

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

Don't know what it's called but made this component with React and Tailwind in 1 hour
0:26

Don't know what it's called but made this component with React and Tailwind in 1 hour

Sam ☕

527,958 görüntüleme • 7 ay önce

My vibe coded mosaic thing is live. - Web GL - Unplash API - Lil’ configurators - Built in React (I don’t know react very well at all) Built it so that I can feed it svg icons or photos. Use the same component through the site. Upload your own avatar, mess around with the pixels and download. ✨
0:24

My vibe coded mosaic thing is live. - Web GL - Unplash API - Lil’ configurators - Built in React (I don’t know react very well at all) Built it so that I can feed it svg icons or photos. Use the same component through the site. Upload your own avatar, mess around with the pixels and download. ✨

MDS

19,063 görüntüleme • 6 ay önce

🔥Did you know you can create a smooth edge fade in RN ScrollView with just one prop? 🤯 • fadingEdgeLength • (supports values > 0) that's it! (Note: Only for Android 🥲) Check out this 👇
0:26

🔥Did you know you can create a smooth edge fade in RN ScrollView with just one prop? 🤯 • fadingEdgeLength • (supports values > 0) that's it! (Note: Only for Android 🥲) Check out this 👇

Arunabh Verma

19,942 görüntüleme • 1 yıl önce