Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 6 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 2 месяцев назад

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 просмотров • 5 месяцев назад

💙 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 просмотров • 2 лет назад

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 просмотров • 8 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 1 год назад

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 просмотров • 10 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 1 год назад

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 просмотров • 1 месяц назад

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 просмотров • 3 месяцев назад

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 просмотров • 4 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 6 месяцев назад

"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 просмотров • 1 год назад

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

how does React know if a component renders?

Aiden Bai

82,064 просмотров • 1 год назад

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 просмотров • 7 месяцев назад

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 просмотров • 6 месяцев назад

🔥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 просмотров • 1 год назад