Loading video...

Video Failed to Load

Go Home

Synchronous TextField coming soon in Expo UI! This would enable JS controlled synchronous flicker free TextInputs with React native.

nishanbende's profile picture

nishan (o^▽^o)

4,045 subscribers

45,394 views • 6 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

If typing fast in your app feels like wading through mud, you need useNativeState. Every TextField in RN has felt slightly off for years; Expo UI just shipped the fix with the new useNativeState hook. Instead of trying to keep the native input and react state in sync on each keystroke, useNativeState handles the state completely on the native side. React (JS thread) only reads the value when it needs it e.g. onSubmit, using a lightweight reference. Make your app faster, read the full blog ↓
0:16

If typing fast in your app feels like wading through mud, you need useNativeState. Every TextField in RN has felt slightly off for years; Expo UI just shipped the fix with the new useNativeState hook. Instead of trying to keep the native input and react state in sync on each keystroke, useNativeState handles the state completely on the native side. React (JS thread) only reads the value when it needs it e.g. onSubmit, using a lightweight reference. Make your app faster, read the full blog ↓

Beto

33,573 views • 2 months ago

Just so you know. This approach also works in React Native This UI was not built with react code 👀
0:14

Just so you know. This approach also works in React Native This UI was not built with react code 👀

Dane Mackier

41,874 views • 2 years ago

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 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.
0:13

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

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 views • 10 months ago

Just updated Luna - AI Chat Template. 🚀 - Refreshed UI - Speech-to-text - Streaming responses - OpenAI, Gemini and Claude integration built-in Check it out here: Built with React Native Expo Nativewind and Software Mansion reanimated
0:12

Just updated Luna - AI Chat Template. 🚀 - Refreshed UI - Speech-to-text - Streaming responses - OpenAI, Gemini and Claude integration built-in Check it out here: Built with React Native Expo Nativewind and Software Mansion reanimated

Thomino

21,319 views • 6 months ago

My go-to calendar template is now FREE on React Native Components. Built with Expo 📱 As a thank-you, feel free to follow Appeeky 🫶 Source code:
0:15

My go-to calendar template is now FREE on React Native Components. Built with Expo 📱 As a thank-you, feel free to follow Appeeky 🫶 Source code:

Erencan Arica

22,951 views • 1 month ago

Finally got to build this. Create animations that use Core Animation on iOS and Animator on Android with zero JS overhead. Same animation. But one keeps running smoothly even when the UI thread is lagging. Introducing react-native-ease 🍃
0:12

Finally got to build this. Create animations that use Core Animation on iOS and Animator on Android with zero JS overhead. Same animation. But one keeps running smoothly even when the UI thread is lagging. Introducing react-native-ease 🍃

Janic

92,722 views • 4 months ago

Exposing SwiftUI views to React Native is a powerful feature! 👀 Here is an example of a SwiftUI paywall in React Native with just a few lines of SwiftUI code! A blog post on how to create native views using SwiftUI is coming soon! ✨
0:18

Exposing SwiftUI views to React Native is a powerful feature! 👀 Here is an example of a SwiftUI paywall in React Native with just a few lines of SwiftUI code! A blog post on how to create native views using SwiftUI is coming soon! ✨

Oskar Kwaśniewski

45,371 views • 1 year ago

Slide to Submit + Shimmering Text for Expo Now on GitHub ➤ Copy-paste component, not a library ➤ Built with Software Mansion Reanimated + RNGH ➤ Runs on UI thread (60fps smooth) ➤ Uses react-native-masked-view
0:16

Slide to Submit + Shimmering Text for Expo Now on GitHub ➤ Copy-paste component, not a library ➤ Built with Software Mansion Reanimated + RNGH ➤ Runs on UI thread (60fps smooth) ➤ Uses react-native-masked-view

Solarin

32,485 views • 1 year ago

React Native Bottom Tabs 1.0.0 is out ✨ - Drops old architecture 🌅 - Simplifies build configuration, making it fully compatible with Expo Image ✅ - Bunch of bug fixes 🐛 It works with Expo router, React Navigation and in standalone mode ⬇️
0:12

React Native Bottom Tabs 1.0.0 is out ✨ - Drops old architecture 🌅 - Simplifies build configuration, making it fully compatible with Expo Image ✅ - Bunch of bug fixes 🐛 It works with Expo router, React Navigation and in standalone mode ⬇️

Oskar

76,602 views • 9 months ago

An emoji picker for React Native that draws each row as ONE native view. Left: JS rows. Right: native rows (CoreText / Canvas). This is a 4-year-old Android. In DEV mode. Max-speed flings over 1,900+ emoji. Zero blank cells. Not one. New Architecture only. Dropping soon 👀
0:16

An emoji picker for React Native that draws each row as ONE native view. Left: JS rows. Right: native rows (CoreText / Canvas). This is a 4-year-old Android. In DEV mode. Max-speed flings over 1,900+ emoji. Zero blank cells. Not one. New Architecture only. Dropping soon 👀

Jassi Singh

42,244 views • 25 days ago

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,065 views • 1 year ago

Bottom Accessory view is coming soon to React Native Bottom Tabs! 🚀 Huge thanks to Johan Kasperi for contributing this 🙏 This looks so cool ⬇️
0:13

Bottom Accessory view is coming soon to React Native Bottom Tabs! 🚀 Huge thanks to Johan Kasperi for contributing this 🙏 This looks so cool ⬇️

Oskar

14,733 views • 9 months ago

Built Gachapon machine with React Native Reanimated Used Skia sksl shader for the bouncy item effect Fun to make this kind of gamification content in React Native
0:13

Built Gachapon machine with React Native Reanimated Used Skia sksl shader for the bouncy item effect Fun to make this kind of gamification content in React Native

Daehyeon 대현

43,098 views • 1 year ago

Introducing React Native Streamdown – our new streaming-ready Markdown library 🚀 We’ve built it on top of RN Enriched Markdown, remend, and Worklets Bundle Mode to fix the "streaming jank" in AI apps. 🔹 Zero UI lag – background processing via Worklets. JS thread stays 100% free 🔹 Smart streaming – powered by remend to correctly close tokens (bold, links, code) mid-stream 🔹 Lightning-fast md4c parsing with 100% native text & interactions
0:15

Introducing React Native Streamdown – our new streaming-ready Markdown library 🚀 We’ve built it on top of RN Enriched Markdown, remend, and Worklets Bundle Mode to fix the "streaming jank" in AI apps. 🔹 Zero UI lag – background processing via Worklets. JS thread stays 100% free 🔹 Smart streaming – powered by remend to correctly close tokens (bold, links, code) mid-stream 🔹 Lightning-fast md4c parsing with 100% native text & interactions

Software Mansion

29,098 views • 4 months ago

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 views • 9 months ago

This girl’s tummy would be good in exam settings ooo….free expo🤌
0:14

This girl’s tummy would be good in exam settings ooo….free expo🤌

With all My Love, Stephanie🦋

38,991 views • 3 months ago

The 𝚎𝚡𝚙𝚘-𝚠𝚒𝚍𝚐𝚎𝚝𝚜 alpha is here! Now you can build iOS home screen widgets and Live Activities as React components. No separate Xcode target. No manual App Groups. No SwiftUI layout code. Write your widget in @expo/ui, and Continuous Native Generation handles the rest. ◆ Interactive buttons and toggles on the home screen ◆ Live Activities for the Lock Screen and Dynamic Island ◆ One React component, native rendering under the hood Details and code to get started in the blog below ↓
0:16

The 𝚎𝚡𝚙𝚘-𝚠𝚒𝚍𝚐𝚎𝚝𝚜 alpha is here! Now you can build iOS home screen widgets and Live Activities as React components. No separate Xcode target. No manual App Groups. No SwiftUI layout code. Write your widget in @expo/ui, and Continuous Native Generation handles the rest. ◆ Interactive buttons and toggles on the home screen ◆ Live Activities for the Lock Screen and Dynamic Island ◆ One React component, native rendering under the hood Details and code to get started in the blog below ↓

Expo

109,276 views • 5 months ago