Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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,310 görüntüleme • 4 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

I'm building a Markdown text input component in #ReactNative for the Expensify app. ➡️Drop-in replacement for <𝚃𝚎𝚡𝚝𝙸𝚗𝚙𝚞𝚝> ➡️Fully native experience (autocomplete, selection) ➡️Synchronous formatting with no jumps or delays More examples coming soon! 👀
0:14

I'm building a Markdown text input component in #ReactNative for the Expensify app. ➡️Drop-in replacement for <𝚃𝚎𝚡𝚝𝙸𝚗𝚙𝚞𝚝> ➡️Fully native experience (autocomplete, selection) ➡️Synchronous formatting with no jumps or delays More examples coming soon! 👀

Tomasz Zawadzki

89,249 görüntüleme • 2 yıl önce

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

32,930 görüntüleme • 1 ay önce

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 görüntüleme • 2 yıl önce

NexT1DE's new single "Panda Flow" is coming soon…🎵 Global Synchronous Launch at 10:00 AM (UTC+8) on March 20th! #NexT1DE #PandaFlow
0:13

NexT1DE's new single "Panda Flow" is coming soon…🎵 Global Synchronous Launch at 10:00 AM (UTC+8) on March 20th! #NexT1DE #PandaFlow

NexT1DE official

78,763 görüntüleme • 3 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

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,395 görüntüleme • 1 yıl önce

Live Activity Widget built with React Native Expo and Evan Bacon 🥓 's expo-apple-targets
0:12

Live Activity Widget built with React Native Expo and Evan Bacon 🥓 's expo-apple-targets

Daehyeon 대현

47,592 görüntüleme • 1 yıl önce

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,344 görüntüleme • 1 yıl önce

React Native Screens will provide Native Split View 🚀 Coming soon to your favorite navigation libraries!
0:13

React Native Screens will provide Native Split View 🚀 Coming soon to your favorite navigation libraries!

Software Mansion

73,778 görüntüleme • 8 ay ö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

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

20,178 görüntüleme • 4 ay önce

mobile gooey pill menu - expo, react native, & reacticx
0:13

mobile gooey pill menu - expo, react native, & reacticx

matt palmer

16,519 görüntüleme • 4 ay önce

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,668 görüntüleme • 3 ay önce

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 görüntüleme • 1 yıl önce

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

58,990 görüntüleme • 1 yıl önce

When your slide-to-submit feels native but it’s all JS… thanks Software Mansion + Expo🫰🏽
0:12

When your slide-to-submit feels native but it’s all JS… thanks Software Mansion + Expo🫰🏽

Solarin

53,030 görüntüleme • 1 yıl ö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,831 görüntüleme • 1 yıl önce

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,702 görüntüleme • 8 ay önce

I really like these iOS-style header blur effects here is an implementation in React Native powered by Expo-modules
0:17

I really like these iOS-style header blur effects here is an implementation in React Native powered by Expo-modules

Hewad Mubariz

48,361 görüntüleme • 2 ay önce