Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Pretty amazing that we can now implement swipeable Tabs with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉

devongovett's profile picture

Devon Govett

39,839 subscribers

83,922 görüntüleme • 9 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

You can enable scroll snapping with CSS scroll-snap-type and scroll-snap-align 🚀
0:12

You can enable scroll snapping with CSS scroll-snap-type and scroll-snap-align 🚀

David Mráz

22,233 görüntüleme • 1 yıl önce

Built a React Aria Calendar with swipe gestures to navigate between months! Uses CSS scroll snap for native 120fps animations, with a neat trick to enable infinite scrolling in both directions. 👇
0:17

Built a React Aria Calendar with swipe gestures to navigate between months! Uses CSS scroll snap for native 120fps animations, with a neat trick to enable infinite scrolling in both directions. 👇

Devon Govett

42,499 görüntüleme • 8 ay önce

Introducing (React) Native Bottom Tabs! 🎉 First Bottom Tab Navigator using Native Platform primitives for both Android and iOS. The API surface is almost a drop-in replacement for JS Bottom Tabs! ➡ `npm i react-native-bottom-tabs`
0:11

Introducing (React) Native Bottom Tabs! 🎉 First Bottom Tab Navigator using Native Platform primitives for both Android and iOS. The API surface is almost a drop-in replacement for JS Bottom Tabs! ➡ `npm i react-native-bottom-tabs`

Oskar

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

One of the most underrated CSS props is definitely scroll snapping, it feels insane to me that these carousels are possible with CSS alone 🤯 This just went live on AtoBeach - meaning gesture support now works! 🥳
0:12

One of the most underrated CSS props is definitely scroll snapping, it feels insane to me that these carousels are possible with CSS alone 🤯 This just went live on AtoBeach - meaning gesture support now works! 🥳

Charlie J

61,369 görüntüleme • 2 ay önce

Hey React Native devs 👋 I recently built a very cool app with React Native Expo—it’s amazing how powerful and easy it is! 🚀 Everything you can do with React Native CLI, you can do with Expo too. If you haven’t tried it yet, now’s the time! #buildinpublic Expo React Native
0:18

Hey React Native devs 👋 I recently built a very cool app with React Native Expo—it’s amazing how powerful and easy it is! 🚀 Everything you can do with React Native CLI, you can do with Expo too. If you haven’t tried it yet, now’s the time! #buildinpublic Expo React Native

Syed Noman

13,150 görüntüleme • 1 yıl önce

No need to add another dependency to implement a native bottom sheet in React Native💡 Just use presentation: "formSheet" from Native Stack 👇
0:10

No need to add another dependency to implement a native bottom sheet in React Native💡 Just use presentation: "formSheet" from Native Stack 👇

Kacper Kapuściak

72,817 görüntüleme • 5 ay önce

I'm 9 years old and I wrote a blog post about the hook I use to build this scroll direction based animation from Gmail app ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Blog post at
0:12

I'm 9 years old and I wrote a blog post about the hook I use to build this scroll direction based animation from Gmail app ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Blog post at

Volodymyr

24,579 görüntüleme • 1 yıl önce

Exclusion tabs. Made with Tailwind and Framer Motion.
0:10

Exclusion tabs. Made with Tailwind and Framer Motion.

Preet

127,954 görüntüleme • 1 yıl önce

Animating React Aria Tabs, ToggleButtonGroup, etc. is about to be super easy with the new SelectionIndicator component. 🥳 • Native CSS transitions, no animation library needed. • Works with SSR with no flicker before JS runs. • No ResizeObserver. • Enter + exit animations.
0:13

Animating React Aria Tabs, ToggleButtonGroup, etc. is about to be super easy with the new SelectionIndicator component. 🥳 • Native CSS transitions, no animation library needed. • Works with SSR with no flicker before JS runs. • No ResizeObserver. • Enter + exit animations.

Devon Govett

22,905 görüntüleme • 9 ay önce

What's cool about using native platform components is that they integrate seamlessly with other UI elements✨ React Native Bottom Tabs handles Picture-in-picture avoiding automatically 😄 Here is a comparison of JS vs Native Tabs:
0:14

What's cool about using native platform components is that they integrate seamlessly with other UI elements✨ React Native Bottom Tabs handles Picture-in-picture avoiding automatically 😄 Here is a comparison of JS vs Native Tabs:

Oskar

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

Native iOS split view is coming to React Navigation 🔜 Powered by React Native Screens 🫶 Let us know your use cases so we can test and ensure that the API is suitable for a wide range of usage 👇
0:10

Native iOS split view is coming to React Navigation 🔜 Powered by React Native Screens 🫶 Let us know your use cases so we can test and ensure that the API is suitable for a wide range of usage 👇

React Navigation

12,374 görüntüleme • 2 ay önce

Looks like we can place UIKit views in the accessory view! 🚀 Here is a small demo of iOS 26 accessory view running with React Native Bottom Tabs 🔥 Time to think about a good API for this 😄
0:11

Looks like we can place UIKit views in the accessory view! 🚀 Here is a small demo of iOS 26 accessory view running with React Native Bottom Tabs 🔥 Time to think about a good API for this 😄

Oskar

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

I made my mac 🎉🎉🎉 when React Native rebuilds
0:11

I made my mac 🎉🎉🎉 when React Native rebuilds

Evan Bacon 🥓

196,780 görüntüleme • 3 yıl önce

Thanks to an amazing contributor, Ghostty now supports a beautiful titlebar with tabs in the titlebar. These are still fully native tabs, we surgically modify macOS's view hierarchy to make them look like this, so they retain all the macOS native behaviors you'd expect.
0:16

Thanks to an amazing contributor, Ghostty now supports a beautiful titlebar with tabs in the titlebar. These are still fully native tabs, we surgically modify macOS's view hierarchy to make them look like this, so they retain all the macOS native behaviors you'd expect.

Mitchell Hashimoto

42,234 görüntüleme • 2 yıl önce

Native tabs are coming to React Navigation 👀 All credits to the awesome folks working on React Native Screens at Software Mansion ❤️
0:12

Native tabs are coming to React Navigation 👀 All credits to the awesome folks working on React Native Screens at Software Mansion ❤️

React Navigation

19,204 görüntüleme • 9 ay önce

WishList Update: We finished our implementation of the platform-native Scroll View component and can now use smooth scrolling and bounce events - awesome work Janic! ⛹️‍♂️ Just a little bit of fine-tuning and we'll be able to launch WishList this summer. Stay tuned! 👀🚀
0:18

WishList Update: We finished our implementation of the platform-native Scroll View component and can now use smooth scrolling and bounce events - awesome work Janic! ⛹️‍♂️ Just a little bit of fine-tuning and we'll be able to launch WishList this summer. Stay tuned! 👀🚀

Margelo

15,757 görüntüleme • 2 yıl önce

introducing: text scroll animator component for Framer use this component to animate your text with smooth scroll-triggered effects like blur, rotation, scale, and more! comment "SCROLL" and i’ll send you the component. :)
0:12

introducing: text scroll animator component for Framer use this component to animate your text with smooth scroll-triggered effects like blur, rotation, scale, and more! comment "SCROLL" and i’ll send you the component. :)

Framer University

20,850 görüntüleme • 1 yıl önce

Scroll driven animation with CSS animation-timeline: view(); animation-range: entry, exit;
0:11

Scroll driven animation with CSS animation-timeline: view(); animation-range: entry, exit;

Solarin

20,995 görüntüleme • 1 yıl önce

The blog post about exposing SwiftUI views to React Native is out! ✨ It shows you how to build a SwiftUI paywall in React Native with just a few lines of SwiftUI code! Check it out on Callstack Engineers blog 🎉
0:14

The blog post about exposing SwiftUI views to React Native is out! ✨ It shows you how to build a SwiftUI paywall in React Native with just a few lines of SwiftUI code! Check it out on Callstack Engineers blog 🎉

Oskar Kwaśniewski

20,794 görüntüleme • 1 yıl önce

Super excited to announce react-native-godot: A seamless integration of the Godot Engine with React Native for iOS and Android! Now you can create games with native UI components, giving them a polished, platform-native feel. Plus, you'll have full access to the engine and all GDScript functions directly within React Native, fully typed for an enhanced development experience. Since it's a standalone library, simply import a .pck file, and you're good to go. Open-sourcing in the coming weeks!
0:10

Super excited to announce react-native-godot: A seamless integration of the Godot Engine with React Native for iOS and Android! Now you can create games with native UI components, giving them a polished, platform-native feel. Plus, you'll have full access to the engine and all GDScript functions directly within React Native, fully typed for an enhanced development experience. Since it's a standalone library, simply import a .pck file, and you're good to go. Open-sourcing in the coming weeks!

Jannis Ringwald

59,009 görüntüleme • 1 yıl önce