Loading video...

Video Failed to Load

Go Home

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

tomekzaw_'s profile picture

Tomasz Zawadzki

3,155 subscribers

89,249 views • 2 years ago •via X (Twitter)

ArtsScience & TechnologyEducation#ReactNative
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Need to show LLM output in your RN app? 🤖 Here's a fully native component from 𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚎𝚗𝚛𝚒𝚌𝚑𝚎𝚍-𝚖𝚊𝚛𝚔𝚍𝚘𝚠𝚗 with support for streaming Markdown. Let us know if you find this useful for your project.
0:11

Need to show LLM output in your RN app? 🤖 Here's a fully native component from 𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚎𝚗𝚛𝚒𝚌𝚑𝚎𝚍-𝚖𝚊𝚛𝚔𝚍𝚘𝚠𝚗 with support for streaming Markdown. Let us know if you find this useful for your project.

Tomasz Zawadzki

19,551 views • 3 months ago

#NewinLoop: You can now copy/paste Markdown into a Loop page! Easily transfer your Markdown formatted text from wikis, GitHub, or editors into Loop — with all formatting preserved. ➡️ Just use 'CTRL + SHIFT + V'. Try it out and share your feedback with us 😊
0:17

#NewinLoop: You can now copy/paste Markdown into a Loop page! Easily transfer your Markdown formatted text from wikis, GitHub, or editors into Loop — with all formatting preserved. ➡️ Just use 'CTRL + SHIFT + V'. Try it out and share your feedback with us 😊

Microsoft Loop

13,945 views • 2 years ago

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

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

nishan (o^▽^o)

45,225 views • 4 months ago

Coming soon #UFC5 Full reveal September 2023 Sign up for more news ➡️
0:15

Coming soon #UFC5 Full reveal September 2023 Sign up for more news ➡️

EA SPORTS

166,058 views • 2 years ago

Coming soon #UFC5 Full reveal September 2023 🗓️ Sign up for more news ➡️
0:15

Coming soon #UFC5 Full reveal September 2023 🗓️ Sign up for more news ➡️

EA SPORTS UFC

3,266,624 views • 2 years ago

Louder for the people in the back 🗣️ ​ ​ The PWHL and TOGETHXR teamed up to create a T-shirt with a message. This exclusive style dropped today, just in time for our debut puck drop at the world’s most famous arena. ​ ➡️ US pre-order: ​ ➡️ CA pre-order: ➡️ Shop in-venue at MSG and TD Garden
0:17

Louder for the people in the back 🗣️ ​ ​ The PWHL and TOGETHXR teamed up to create a T-shirt with a message. This exclusive style dropped today, just in time for our debut puck drop at the world’s most famous arena. ​ ➡️ US pre-order: ​ ➡️ CA pre-order: ➡️ Shop in-venue at MSG and TD Garden

PWHL

174,952 views • 2 months ago

Welcome to Aggieland, Jacari Lane 🏡 ➡️ Two-time first-team ASUN Selection as a sophomore and junior ➡️ No. 2 scorer in the ASUN in 2024-25 ➡️ 17.3 ppg, 42.3% from the field, and 40.6% from 3 #GigEm
0:19

Welcome to Aggieland, Jacari Lane 🏡 ➡️ Two-time first-team ASUN Selection as a sophomore and junior ➡️ No. 2 scorer in the ASUN in 2024-25 ➡️ 17.3 ppg, 42.3% from the field, and 40.6% from 3 #GigEm

Texas A&M Basketball

39,013 views • 1 year ago

Conversational editing is rolling out to all eligible Android users in the U.S.! 🎉 Just ask Google Photos to make edits with text or voice. Make a quick fix or explore your creativity. Try: ➡️ "Restore this photo" ➡️ "Fix the glare" ➡️ "Change the background to a beach”
0:12

Conversational editing is rolling out to all eligible Android users in the U.S.! 🎉 Just ask Google Photos to make edits with text or voice. Make a quick fix or explore your creativity. Try: ➡️ "Restore this photo" ➡️ "Fix the glare" ➡️ "Change the background to a beach”

Google Photos

133,721 views • 8 months ago

Coming soon ➡️ see you in 2026 CAA Football 🫡 #WeAreSHU
0:15

Coming soon ➡️ see you in 2026 CAA Football 🫡 #WeAreSHU

SHU Pioneers

12,299 views • 10 months ago

What does Connor McDavid have in store for us tonight? 👀 #StanleyCup 🇺🇸: NHLonTNT & Sports on Max ➡️ 🇨🇦: Sportsnet or stream on Sportsnet+ ➡️
0:17

What does Connor McDavid have in store for us tonight? 👀 #StanleyCup 🇺🇸: NHLonTNT & Sports on Max ➡️ 🇨🇦: Sportsnet or stream on Sportsnet+ ➡️

NHL

44,768 views • 1 year ago

➡️➡️➡️ Sometimes it’s the (really) little things that make a difference. Like Evernote’s new arrow ligatures, which transform character sequences like "->", "<->", and "=>" into nicely rendered arrows. Available in v.10.80 on Desktop and Web (rolling out now).
0:11

➡️➡️➡️ Sometimes it’s the (really) little things that make a difference. Like Evernote’s new arrow ligatures, which transform character sequences like "->", "<->", and "=>" into nicely rendered arrows. Available in v.10.80 on Desktop and Web (rolling out now).

Evernote

12,903 views • 2 years ago

This simple HTML app has a drag-and-drop canvas, 20+ text effects, 3D extrusion, and perspective transforms for your 'text behind image'. 😎 Crazy part: The ML backend is ~50 lines of Python Built with gradio.Server ➡️ bring any frontend you want!
0:17

This simple HTML app has a drag-and-drop canvas, 20+ text effects, 3D extrusion, and perspective transforms for your 'text behind image'. 😎 Crazy part: The ML backend is ~50 lines of Python Built with gradio.Server ➡️ bring any frontend you want!

Gradio

11,633 views • 2 months ago

A status display that can hold namcards and stickers on the door for conventions. ➡️ Fully customizable ➡️ Embedded NFC ➡️ Clicky mechanism Available on my Makerworld
0:12

A status display that can hold namcards and stickers on the door for conventions. ➡️ Fully customizable ➡️ Embedded NFC ➡️ Clicky mechanism Available on my Makerworld

Rexery➡️Furrymosa E11,E12

15,350 views • 1 month ago

41 points. ➡️ The MOST scored by a Panther at the Pete ➡️ Tied program record (his own) for threes in a game ➡️ Tied for third-most points by a Panther in a single game Blake. Hinson.
0:17

41 points. ➡️ The MOST scored by a Panther at the Pete ➡️ Tied program record (his own) for threes in a game ➡️ Tied for third-most points by a Panther in a single game Blake. Hinson.

Pitt Basketball

100,854 views • 2 years ago

There is always a technique to it …. More inside the JF APP. For players, coaches and parents. ➡️
0:16

There is always a technique to it …. More inside the JF APP. For players, coaches and parents. ➡️

Joner Football

24,965 views • 4 months ago

BATTLE FOR GOOD EARTH Join us on Monday, September 18th for the Pioneer Event! ➡️F2P Deckbuilder Goodness ➡️Limited-Time Pioneer Kaiju Mint ➡️Battle Pass Rewards ➡️..and more! Read on for more details 👇
0:12

BATTLE FOR GOOD EARTH Join us on Monday, September 18th for the Pioneer Event! ➡️F2P Deckbuilder Goodness ➡️Limited-Time Pioneer Kaiju Mint ➡️Battle Pass Rewards ➡️..and more! Read on for more details 👇

KAIJU CARDS ⚔️

18,916 views • 2 years ago

Trading Real World Assets on the DevvExchange will be such a game-changer: ➡️ Instant value transfer. ➡️ No waiting. No intermediaries. ➡️ More trust. More efficiency. It's that simple with DevvExchange.
0:15

Trading Real World Assets on the DevvExchange will be such a game-changer: ➡️ Instant value transfer. ➡️ No waiting. No intermediaries. ➡️ More trust. More efficiency. It's that simple with DevvExchange.

DevvE

30,431 views • 1 year ago

React Native now has its own shadcn/ui equivalent — introducing 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜. If you love the flexibility of copying customisable components directly into your project (avoiding heavy, dependency-laden packages), NativeUI is designed for you. 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜 offers beautifully crafted, accessible components tailored for React Native, following the same copy-paste philosophy as shadcn/ui. Built with 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 for fast, declarative, and flexible styling optimised for React Native. ➡️ 𝗖𝗼𝗽𝘆 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗰𝗼𝗱𝗲 𝗱𝗶𝗿𝗲𝗰𝘁𝗹𝘆 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 — no black-box dependencies required. ➡️ 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 𝗮𝗿𝗲 𝗮𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗹𝗲 𝗯𝘆 𝗱𝗲𝗳𝗮𝘂𝗹𝘁, supporting screen readers and keyboard navigation, and designed to align with native iOS and Android UX patterns. ➡️ 𝗙𝘂𝗹𝗹 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗼𝘃𝗲𝗿 𝘆𝗼𝘂𝗿 𝗨𝗜 without rebuilding common elements like buttons, inputs, or sliders from scratch. ➡️ 𝗖𝗼𝗺𝗽𝗮𝘁𝗶𝗯𝗹𝗲 𝘄𝗶𝘁𝗵 𝗘𝘅𝗽𝗼 𝗮𝗻𝗱 𝘃𝗮𝗻𝗶𝗹𝗹𝗮 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁𝘀, but not yet integrated with Tamagui’s styling system (future support may be planned). ➡️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁𝘀 𝘁𝗵𝗲𝗺𝗶𝗻𝗴 𝘃𝗶𝗮 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 — though you’ll need to wire it up manually using Tailwind variables, context providers, and config files. Note: The term “install” in the documentation refers to using the shadcn CLI (e.g., npx shadcn@latest add component) to fetch and copy component code into your project, not adding a package to your dependencies. NativeUI isn’t a plug-and-play library; it’s a lightweight toolbox that empowers you to shape your UI with precision and control. 𝗪𝗵𝗮𝘁’𝘀 𝘆𝗼𝘂𝗿 𝗽𝗿𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲: npm install a pre-built UI kit for speed, or copy/paste NativeUI components for ultimate customisation? #ReactNative #KeyboardUX #MobileDev #OpenSource #JSDev #Performance #iOSDev #KeyboardExtensions #ReactNativeKeyboard #UIUX #shadcn #nativeui
0:10

React Native now has its own shadcn/ui equivalent — introducing 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜. If you love the flexibility of copying customisable components directly into your project (avoiding heavy, dependency-laden packages), NativeUI is designed for you. 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜 offers beautifully crafted, accessible components tailored for React Native, following the same copy-paste philosophy as shadcn/ui. Built with 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 for fast, declarative, and flexible styling optimised for React Native. ➡️ 𝗖𝗼𝗽𝘆 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗰𝗼𝗱𝗲 𝗱𝗶𝗿𝗲𝗰𝘁𝗹𝘆 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 — no black-box dependencies required. ➡️ 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 𝗮𝗿𝗲 𝗮𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗹𝗲 𝗯𝘆 𝗱𝗲𝗳𝗮𝘂𝗹𝘁, supporting screen readers and keyboard navigation, and designed to align with native iOS and Android UX patterns. ➡️ 𝗙𝘂𝗹𝗹 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗼𝘃𝗲𝗿 𝘆𝗼𝘂𝗿 𝗨𝗜 without rebuilding common elements like buttons, inputs, or sliders from scratch. ➡️ 𝗖𝗼𝗺𝗽𝗮𝘁𝗶𝗯𝗹𝗲 𝘄𝗶𝘁𝗵 𝗘𝘅𝗽𝗼 𝗮𝗻𝗱 𝘃𝗮𝗻𝗶𝗹𝗹𝗮 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁𝘀, but not yet integrated with Tamagui’s styling system (future support may be planned). ➡️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁𝘀 𝘁𝗵𝗲𝗺𝗶𝗻𝗴 𝘃𝗶𝗮 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 — though you’ll need to wire it up manually using Tailwind variables, context providers, and config files. Note: The term “install” in the documentation refers to using the shadcn CLI (e.g., npx shadcn@latest add component) to fetch and copy component code into your project, not adding a package to your dependencies. NativeUI isn’t a plug-and-play library; it’s a lightweight toolbox that empowers you to shape your UI with precision and control. 𝗪𝗵𝗮𝘁’𝘀 𝘆𝗼𝘂𝗿 𝗽𝗿𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲: npm install a pre-built UI kit for speed, or copy/paste NativeUI components for ultimate customisation? #ReactNative #KeyboardUX #MobileDev #OpenSource #JSDev #Performance #iOSDev #KeyboardExtensions #ReactNativeKeyboard #UIUX #shadcn #nativeui

The React Native Rewind

118,157 views • 10 months ago