Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

This is a HeroUI native toast component I was working on during the past week. I might be mistaken, but I don't recall a React Native toast library that manages a stack with dynamic height. More interesting details are in the comments 👇

Volodymyr

2,907 subscribers

28,071 views • 9 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Bone Tide is officially out on the App Store and Google Play 🎉 The React Native Expo version runs on the exact same TypeGPU engine as the Web game, shared 1:1 between both platforms. Only the UI was ported to React This was made possible by some amazing work across the React Native open source ecosystem. Huge thanks to William Candillon for react-native-webgpu and for always helping me resolve any issues incredibly quickly :D I think it’s a pretty cool showcase of what can be built with React Native nowadays. More details about the libraries used in the 🧵 featuring what might be the ultimate Software Mansion stack iOS: Android: Web:

Bone Tide is officially out on the App Store and Google Play 🎉 The React Native Expo version runs on the exact same TypeGPU engine as the Web game, shared 1:1 between both platforms. Only the UI was ported to React This was made possible by some amazing work across the React Native open source ecosystem. Huge thanks to William Candillon for react-native-webgpu and for always helping me resolve any issues incredibly quickly :D I think it’s a pretty cool showcase of what can be built with React Native nowadays. More details about the libraries used in the 🧵 featuring what might be the ultimate Software Mansion stack iOS: Android: Web:

Konrad Reczko

65,233 views • 1 month ago

Let's make Android development in React Native great and fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.

Let's make Android development in React Native great and fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.

Oliver Lopez

19,329 views • 1 year ago

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

Nero

89,966 views • 19 days ago

I built a wave background for my AI therapist app with react-native-skia I believe this can be useful for the AI Voice applications

I built a wave background for my AI therapist app with react-native-skia I believe this can be useful for the AI Voice applications

Furkan

12,835 views • 1 year ago

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

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

15,185 views • 1 year ago

I think I found a way to make a React Native list component with significantly better performance than FlashList, with 100% javascript. I'm still testing it but as far as I can tell there’s no pitfalls or issues… It just requires the new architecture for synchronous onLayout.

I think I found a way to make a React Native list component with significantly better performance than FlashList, with 100% javascript. I'm still testing it but as far as I can tell there’s no pitfalls or issues… It just requires the new architecture for synchronous onLayout.

Jay Meistrich

95,385 views • 1 year ago

Brought this idea into React Native Video + Liquid Glass + a draggable play button Should I drop the code? 👇 #expo #reactnative

Brought this idea into React Native Video + Liquid Glass + a draggable play button Should I drop the code? 👇 #expo #reactnative

Mehdi · Motionary

83,093 views • 9 months ago

react-native-enriched-markdown just leveled up! 🚀 We've added EnrichedMarkdownInput, which means the library is now a fully rich-text suite for React Native. 💪 You get a Telegram-style selection-based toolbar, seamless Input-to-Output sync with EnrichedMarkdownText, bold/italic/underline/strikethrough and links – all with a flexible API for custom UIs. ✨ Works on iOS, macOS, and Android. Try the nightly release: npm i react-native-enriched-markdown@nightly P.S. Expect new styles soon – we're just getting started!

react-native-enriched-markdown just leveled up! 🚀 We've added EnrichedMarkdownInput, which means the library is now a fully rich-text suite for React Native. 💪 You get a Telegram-style selection-based toolbar, seamless Input-to-Output sync with EnrichedMarkdownText, bold/italic/underline/strikethrough and links – all with a flexible API for custom UIs. ✨ Works on iOS, macOS, and Android. Try the nightly release: npm i react-native-enriched-markdown@nightly P.S. Expect new styles soon – we're just getting started!

Software Mansion

20,120 views • 5 months ago

One of my favorite details of Sonner: By default the toast disappears after 4 seconds unless you hover over it. But what if a toast is triggered and the user switches to a different tab? 4 seconds would pass and the toast would never be seen. That’s why there’s a `useIsDocumentHidden` hook that checks if the document (tab) is hidden, and if so, it will pause the timer. This can be done with the "visibilitychange" event listener on the document. A small detail that improves the experience.

One of my favorite details of Sonner: By default the toast disappears after 4 seconds unless you hover over it. But what if a toast is triggered and the user switches to a different tab? 4 seconds would pass and the toast would never be seen. That’s why there’s a `useIsDocumentHidden` hook that checks if the document (tab) is hidden, and if so, it will pause the timer. This can be done with the "visibilitychange" event listener on the document. A small detail that improves the experience.

Emil Kowalski

52,215 views • 5 days ago

I may be working on a new adopt... Might need a corrective shapekey or two, but I was worried about rigging the mouth, but it's looking good! With the subsurf it'll look better, but I can't get smooth playback with it on...

I may be working on a new adopt... Might need a corrective shapekey or two, but I was worried about rigging the mouth, but it's looking good! With the subsurf it'll look better, but I can't get smooth playback with it on...

Smashing

34,393 views • 9 months ago

made something I wanted for a while: a high performance custom tab/splits library in swift for native Mac apps. with support for drag/drop, CoreAnimation accelerated transitions, and more. spent a lot of time on the polish of this thing to feel snappy, but fun.

made something I wanted for a while: a high performance custom tab/splits library in swift for native Mac apps. with support for drag/drop, CoreAnimation accelerated transitions, and more. spent a lot of time on the polish of this thing to feel snappy, but fun.

almonk

25,165 views • 7 months ago

I want to open source the infinite grid component that I built for thiings[.]co Are there any good boilerplates for a simple React/TS component library? ChatGPT wasn't much help finding one. Or should I just get Cursor to scaffold something?

I want to open source the infinite grid component that I built for thiings[.]co Are there any good boilerplates for a simple React/TS component library? ChatGPT wasn't much help finding one. Or should I just get Cursor to scaffold something?

Charlie Clark

146,588 views • 1 year ago

Ouh guys, I still remember the keyboard pain when I was learning React Native 😄 Events, avoidance, focus... That's why I made a Keyboard facet on Now whenever I find a nice keyboard-related implementation, I just throw it in there.

Ouh guys, I still remember the keyboard pain when I was learning React Native 😄 Events, avoidance, focus... That's why I made a Keyboard facet on Now whenever I find a nice keyboard-related implementation, I just throw it in there.

Volodymyr

26,208 views • 1 month ago

"Don't Natives get annoyed when Whites claim to be Native?" Here's a video of some White-passing Native girls at a powwow. Sure, they look White, but we consider them just as Native as we are. I personally only get annoyed when I see a White liberal mouthing victim statements on our behalf, talking about genocide, etc. Liberals don't speak for me.

"Don't Natives get annoyed when Whites claim to be Native?" Here's a video of some White-passing Native girls at a powwow. Sure, they look White, but we consider them just as Native as we are. I personally only get annoyed when I see a White liberal mouthing victim statements on our behalf, talking about genocide, etc. Liberals don't speak for me.

Mike Kobe (Wild Horse) 🐦‍⬛

31,312 views • 15 days ago

I wrote the most revealing thread for my subscribers about one potential place that might be safer during the Geophysical Event, as it was in the past, and there was a lot of migration to that place, which is historically disputed even today. During the geomagnetic excursion in the past, this place showed an interesting local anomaly. Plus, you will find out who followed my account when I wrote a thread about the projects being built in that land—he is a very powerful and rich person connected to the President of the USA. This is the most interesting thread; it will be available only to my subscribers on X and Patreon for various reasons...

I wrote the most revealing thread for my subscribers about one potential place that might be safer during the Geophysical Event, as it was in the past, and there was a lot of migration to that place, which is historically disputed even today. During the geomagnetic excursion in the past, this place showed an interesting local anomaly. Plus, you will find out who followed my account when I wrote a thread about the projects being built in that land—he is a very powerful and rich person connected to the President of the USA. This is the most interesting thread; it will be available only to my subscribers on X and Patreon for various reasons...

Open Minded Approach

145,693 views • 4 months ago

Gill: "What percentage of Somali-headed households in Minnesota are on Medicaid?" Ballou: "I don't know." Gill: "It's 73%. Do you know what that number is for Minnesota Native households?" Ballou: "Again, you're using the phrase Minnesota Native households, but the majority.."- Gill: "The number is 18%. That's a quite an astounding difference." The democrats hate facts.

Gill: "What percentage of Somali-headed households in Minnesota are on Medicaid?" Ballou: "I don't know." Gill: "It's 73%. Do you know what that number is for Minnesota Native households?" Ballou: "Again, you're using the phrase Minnesota Native households, but the majority.."- Gill: "The number is 18%. That's a quite an astounding difference." The democrats hate facts.

Kathleen Winchell ❤️🤍💙🇺🇸🇺🇸

42,176 views • 1 month ago

New library almost done, can't wait to fill it with all my books 🥰 I've designed and built lots furniture in the past but this has been the most complex and challenging by far. In the past I have mostly worked with plywood. For this project I wanted to build out of solid oak and use Japanese joinery techniques. I don't have time to fabricate complex projects these days, and I wasn't confident enough in my woodworking skills. So I collaborated with a local carpenter. This allowed for so many more interesting design details that I wouldn't have thought of myself. Whatever your furniture needs are, consider being a patron of your local carpenters, cabinetmakers, and woodworkers. Yes it's slower and more expensive than going to IKEA but the process is much more rewarding, and the results will be more unique and long lasting.

New library almost done, can't wait to fill it with all my books 🥰 I've designed and built lots furniture in the past but this has been the most complex and challenging by far. In the past I have mostly worked with plywood. For this project I wanted to build out of solid oak and use Japanese joinery techniques. I don't have time to fabricate complex projects these days, and I wasn't confident enough in my woodworking skills. So I collaborated with a local carpenter. This allowed for so many more interesting design details that I wouldn't have thought of myself. Whatever your furniture needs are, consider being a patron of your local carpenters, cabinetmakers, and woodworkers. Yes it's slower and more expensive than going to IKEA but the process is much more rewarding, and the results will be more unique and long lasting.

kepano

303,252 views • 2 years ago

Do I stand any chance on the app stores if I embed my habit tracker into a webview? If not, react native is my new 2023 goal 🥲

Do I stand any chance on the app stores if I embed my habit tracker into a webview? If not, react native is my new 2023 goal 🥲

Marc Lou

57,450 views • 3 years ago

This is an object detector model running in React Native VisionCamera. I am looping through all the output data and drawing red boxes using simple JavaScript - even the model can be hotswapped! All of this while still running at more than 60 FPS 🤯 - no more native code!!

This is an object detector model running in React Native VisionCamera. I am looping through all the output data and drawing red boxes using simple JavaScript - even the model can be hotswapped! All of this while still running at more than 60 FPS 🤯 - no more native code!!

Marc

93,961 views • 3 years ago