正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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! 🎬

Kent C. Dodds 🏹

313,892 subscribers

26,001 次观看 • 11 个月前 •via X (Twitter)

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

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

198,898 次观看 • 7 个月前

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

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

332,073 次观看 • 9 个月前

Animated component library built for Framer, React, and AI via MCP Tools You Need to Know - (Day 270)

Animated component library built for Framer, React, and AI via MCP Tools You Need to Know - (Day 270)

Toolfolio

30,668 次观看 • 3 个月前

Stop building every UI component from scratch. These 10 libraries will save you time. 1. — Copy ready React components. 2. — UI components and blocks. 3. — Animated React components. 4. — React UI components. 5. — Interactive UI and micro-interactions. 6. — Ready-made UI transitions. 7. — Playful, physics-driven components. 8. — Animated UI components. 9. — Retro 8-bit UI components. 10. — Chart components for dashboards. Save this for your next project 🔖

Stop building every UI component from scratch. These 10 libraries will save you time. 1. — Copy ready React components. 2. — UI components and blocks. 3. — Animated React components. 4. — React UI components. 5. — Interactive UI and micro-interactions. 6. — Ready-made UI transitions. 7. — Playful, physics-driven components. 8. — Animated UI components. 9. — Retro 8-bit UI components. 10. — Chart components for dashboards. Save this for your next project 🔖

Houdayfa

41,290 次观看 • 5 天前

- 1170 Animated React icons - 111 free UI elements and 24 blocks - React frontend skills - Free animated React components - Free curated design inspiration

- 1170 Animated React icons - 111 free UI elements and 24 blocks - React frontend skills - Free animated React components - Free curated design inspiration

Csaba Kissi

13,906 次观看 • 26 天前

💙 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

💙 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,290 次观看 • 2 年前

Really interesting to see how well React 19.2’s Activity handles inactive screens in screen-transitions. Here’s the difference between v3 and v4 in a 35 screen stack test 😳

Really interesting to see how well React 19.2’s Activity handles inactive screens in screen-transitions. Here’s the difference between v3 and v4 in a 35 screen stack test 😳

Ed

20,003 次观看 • 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

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,472 次观看 • 1 年前

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 ⬇️

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,242 次观看 • 6 个月前

Must-know open-source tools for coders - terminal UIs in React - copy/paste CSS/React transitions - React funnel charts - Javascript/React animation library - open-source headless cms

Must-know open-source tools for coders - terminal UIs in React - copy/paste CSS/React transitions - React funnel charts - Javascript/React animation library - open-source headless cms

Csaba Kissi

87,903 次观看 • 4 个月前

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!

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,202 次观看 • 1 年前

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

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 年前

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

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

VoidZero

18,612 次观看 • 6 个月前

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

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

76,767 次观看 • 6 个月前

$20 UI resources every design engineer should have bookmarked. Save this 🔖 1. Scrolltide ( - 300+ animated components and full site prompts, and every single one ships with the complete build prompt behind it. Spiral sliders, morph cards, 3D scenes, scroll-driven sections. - Copy the prompt, paste it into Claude or Cursor, get the component live. -Personal and client use, full source included, new drops weekly. 2. shadcn/ui ( — the gold standard for copy-paste React 3. Aceternity UI ( — 200+ animated React/Tailwind 4. Magic UI ( — drop-in animated components 5. Motion Primitives ( — advanced UI interactions 6. Uiverse ( — thousands of open-source elements 7. — component registry that plugs into agents via MCP 8. UIAble ( — expands the shadcn ecosystem 9. mapcn ( — map components for React 10. MicroKit UI ( — micro-interactions for buttons and inputs 11. Liquid Glass ( — glass refraction components 12. Kinetics ( — 150+ motion effects with code 13. Theatre.js ( — expressive web animation 14. Anime.js ( — lightweight DOM animation 15. Spline ( — 3D in the browser, exports to React 16. Unicorn Studio ( — interactive web effects 17. Component Gallery ( — 2,600+ examples of the same element solved 18. Navbar Gallery ( — hundreds of navigations 19. CSS Text Effects ( 20. 3Dicons ( — open-source 3D icons$

20 UI resources every design engineer should have bookmarked. Save this 🔖 1. Scrolltide ( - 300+ animated components and full site prompts, and every single one ships with the complete build prompt behind it. Spiral sliders, morph cards, 3D scenes, scroll-driven sections. - Copy the prompt, paste it into Claude or Cursor, get the component live. -Personal and client use, full source included, new drops weekly. 2. shadcn/ui ( — the gold standard for copy-paste React 3. Aceternity UI ( — 200+ animated React/Tailwind 4. Magic UI ( — drop-in animated components 5. Motion Primitives ( — advanced UI interactions 6. Uiverse ( — thousands of open-source elements 7. — component registry that plugs into agents via MCP 8. UIAble ( — expands the shadcn ecosystem 9. mapcn ( — map components for React 10. MicroKit UI ( — micro-interactions for buttons and inputs 11. Liquid Glass ( — glass refraction components 12. Kinetics ( — 150+ motion effects with code 13. Theatre.js ( — expressive web animation 14. Anime.js ( — lightweight DOM animation 15. Spline ( — 3D in the browser, exports to React 16. Unicorn Studio ( — interactive web effects 17. Component Gallery ( — 2,600+ examples of the same element solved 18. Navbar Gallery ( — hundreds of navigations 19. CSS Text Effects ( 20. 3Dicons ( — open-source 3D icons

Himanshu Hingorani

72,716 次观看 • 1 个月前

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

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

Josef Bender

34,792 次观看 • 8 个月前

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

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,721 次观看 • 9 个月前

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

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,241 次观看 • 11 个月前