Meet React Native Enriched – a fully native rich text editor for React Native! 🚀
⚡ High-performance rich text input
🌐 Optimal HTML output
🎨 Customizable with CSS styling
🕹 Style toggling using imperative API
🏛 New Architecture only
Our App.js keynote has finished, so we can officially spill the beans also here 📣
React Native Gesture Handler 3.0 is now officially stable, offering a hook-based API compatible with the React Compiler, deep Reanimated integration, the new recommended way to build buttons, and more.
Stability of React Native apps is critical for us 🛡️
Send me your stack trace – I'll dig in and try to fix it ✨
The most obscure crash wins some @appjsconf swag (only if you're a participant) 🍀
Software Mansion just shipped 𝗿𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝗲𝗻𝗿𝗶𝗰𝗵𝗲𝗱 𝘃𝟬.𝟳.𝟬, and it closes a loop the library has been working toward for a while.
𝗘𝗻𝗿𝗶𝗰𝗵𝗲𝗱𝗧𝗲𝘅𝘁𝗜𝗻𝗽𝘂𝘁 lets users write rich text natively (bold, italics, lists, links, headings, checkboxes, images).
What was missing was a way to render that content back out, natively, without a WebView or a heavyweight parser. That's what 𝗘𝗻𝗿𝗶𝗰𝗵𝗲𝗱𝗧𝗲𝘅𝘁 brings in 0.7.0. Instead of "converting" HTML, it maps elements to native components. No browser engine, no parser quirks, and smooth scrolling on large blocks of content.
𝗪𝗵𝗮𝘁'𝘀 𝗶𝗻𝗰𝗹𝘂𝗱𝗲𝗱?
➡️ 𝗘𝗻𝗿𝗶𝗰𝗵𝗲𝗱𝗧𝗲𝘅𝘁 (𝗻𝗲𝘄) Same styling primitives as EnrichedTextInput, same native view hierarchy. Content authored in one renders cleanly in the other, end to end, inside the native runtime.
➡️ 𝗘𝘅𝗽𝗲𝗿𝗶𝗺𝗲𝗻𝘁𝗮𝗹 𝘄𝗲𝗯 𝘀𝘂𝗽𝗽𝗼𝗿𝘁 Headings, blockquotes, codeblocks, lists, links, checkbox lists, onLinkDetected, removeLink, all now working on react-native-web. Same logic across iOS, Android, and web.
➡️ 𝗤𝘂𝗶𝗲𝘁𝗲𝗿 𝗳𝗶𝘅𝗲𝘀 𝗼𝗻 𝘁𝗵𝗲 𝗶𝗻𝗽𝘂𝘁 𝘀𝗶𝗱𝗲 Pasting screenshots on iOS, autocorrect stripping formatting, onLinkDetected firing multiple times on multi-word links, Backspace on empty input.
𝗪𝗵𝘆 𝗶𝘁 𝗺𝗮𝘁𝘁𝗲𝗿𝘀?
If you're building anything with user-generated content, comments, notes, or CMS articles, the input and render paths usually live in different worlds. One is a native field, the other is a WebView or a parser that styles inconsistently. react-native-enriched is the first library we've seen seriously trying to make both halves the same system, with shared styling and native performance on both ends, now across platforms.
Worth a look if you've ever shipped a comment box and then fought your own renderer.
#ReactNative #SoftwareMansion #RichText #HTML #MobileDev #OpenSource #JavaScript #TypeScript #WebDev #CrossPlatform #SoftwareEngineering
If you’ve ever managed custom icons in React Native, you know the frustration of choosing between performance and developer experience. Libraries like 𝗿𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝘀𝘃𝗴 are flexible but heavy. Every icon creates its own React subtree.
The alternative?
Manual icon fonts that force you into a constant back-and-forth of using web tools like IcoMoon and syncing font assets every time a design changes.
𝗦𝗼𝗳𝘁𝘄𝗮𝗿𝗲 𝗠𝗮𝗻𝘀𝗶𝗼𝗻 𝗟𝗮𝗯𝘀 just released ���𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝗻𝗮𝗻���-𝗶𝗰𝗼𝗻𝘀 to solve exactly this. It’s a build-time icon font generator that gives you the performance of native fonts with the flexibility of simple SVG files.
𝗪𝗵𝗮𝘁’𝘀 𝗵𝗮𝗽𝗽𝗲𝗻𝗶𝗻𝗴?
Instead of rendering complex vector paths at runtime, this library automatically converts your folder of SVGs into an optimized icon font during the build process. It essentially teaches your app to treat icons like standard text characters, which allows it to bypass React’s component tree and layout engine entirely.
➡️ 𝗕𝘂𝗶𝗹𝗱-𝘁𝗶𝗺𝗲 𝗔𝘂𝘁𝗼𝗺𝗮𝘁𝗶𝗼𝗻: It handles the entire pipeline—watching your icon folder, converting SVGs to .ttf files, and linking them to your native project automatically.
➡️ 𝗡𝗮𝘁𝗶𝘃𝗲 𝗣𝗲𝗿𝗳𝗼𝗿𝗺𝗮𝗻𝗰𝗲: Because icons render as native text glyphs, it is significantly faster than traditional SVG rendering, making it the ideal choice for long, scrollable lists or icon-heavy dashboards.
➡️ 𝗘𝘅𝗽𝗼 𝗖𝗼𝗻𝗳𝗶𝗴 𝗣𝗹𝘂𝗴𝗶𝗻: It features first-class support for Expo, automating the native plumbing like Info.plist updates and asset linking during the prebuild phase.
➡️ 𝗔𝘂𝘁𝗼𝗺𝗮𝘁𝗶𝗰 𝗧𝘆𝗽𝗲 𝗦𝗮𝗳𝗲𝘁𝘆: The library generates TypeScript definitions for your icon set, providing full IDE autocomplete and ensuring you never break the UI with a misspelled icon name.
𝗪𝗵𝘆 𝗶𝘁 𝗺𝗮𝘁𝘁𝗲𝗿𝘀?
In high-performance applications, small overheads add up. By shifting the heavy lifting from the mobile device to your build machine, 𝗿𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝗻𝗮𝗻𝗼-𝗶𝗰𝗼𝗻𝘀 ensures your UI stays buttery smooth while keeping your developer workflow modern. It’s another great example of how 𝗦𝗼𝗳𝘁𝘄𝗮𝗿𝗲 𝗠𝗮𝗻𝘀𝗶𝗼𝗻 continues to solve the "last mile" of performance friction in the ecosystem.
Before you migrate your entire library, keep in mind: this is designed for the 𝗡𝗲𝘄 𝗔𝗿𝗰����𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲 (Fabric) and requires React Native 0.74 or higher.
#ReactNative #Expo #SoftwareMansion #Icons #MobileDev #Performance #DeveloperExperience #OpenSource #JavaScript #TypeScript #SVG #Fabric
Last spots for the workshops! 🚨 We'll help you adjust to the new agentic engineering reality 🤖
We've redesigned our workshops' content so it reflects the changes in how we write and ship code ⤵️
Launching SimCam – a tool that finally lets you test camera features directly in the iOS simulator! 🚀
🎦 Stream video from your Mac's built-in or external camera, inject an image or video, or generate a QR code.
Say hello to React Native Audio API 0.12!
From now, you can enjoy:
➡️ Long-form audio: new audio component for seamless playback of large files,
➡️ Recording rotation: support for rotated recording files for better file management,
➡️ AudioParam refactor for 100% Web Audio API compatibility,
➡️ Stability: massive bugfix haul for a smoother dev experience.
Upgrade now to level up your app's sound engine! 🎸
Introducing react-native-nano-icons! 💎🔬
The ultimate way to handle custom icons in React Native:
🛠️ Integrated SVG-to-font build process
⚡ Blazing fast native components
🎨 Multi-color font icon support
📐 Use icons inline within RN <Text> components
🚀 Expo Go & Web support out of the box
Check out our GitHub 👇 or learn more in the 🧵
https://t.co/IpGmBy6cK0
Meet Pulsar: your haptic presets library for Swift, Kotlin, and React Native! 🚀
👉 150+ free patterns you can browse, filter, preview, and ship in minutes
👉 Audio preview of each preset so you can test it on a simulator without deploying
👉 Playground and app that let you feel the haptics on your phone
Years of building React Native apps means years of figuring out what actually works. ⚛️ And we finally poured our knowledge into the official Software Mansion's skills.
Install them with:
npx skills add software-mansion-labs/skills
Mentions in react-native-enriched are way more powerful than you'd expect.
Any character can be a trigger, and with solid event support to control the flow, you can build pretty much anything. 💪 Check out this example with user and channel mentions, an emoji picker, and even custom chat commands 👇
Thanks to RN Worklets 0.8, Bundle Mode just got a lot more interesting! 🧵👀
✦ Stream markdown in a background worklet thread
✦ Network requests from multiple threads at once
✦ Way simpler setup – no feature flag, no lengthy recompilation
✦ Detailed installation instructions for @expo apps
See what people built with it, and how to get started ⬇️
After years of fighting deferred deep linking in mobile apps, we decided to build the tool we wish existed.
Today Detour is live on @ProductHunt → https://t.co/SXoX1pvcoj 🎉
• Flexible, open-source and privacy-friendly
• SDKs for React Native, Android, iOS & Flutter
• Dev-friendly analytics
If you like what we're building, we'd love your upvote!
Join us for the very first episode of the Software Mention podcast, where we… well, mention (or dive into) business, technology, and building great products with React Native and beyond.
In this episode, @tomekzaw_ and @schlimmson discuss RN trends and predictions, the future of development in the AI era, and much more along the way.
Tune in and subscribe to stay up-to-date! 🎧
The best apps don’t just look good. They feel good. 📱✨
Over 65% of users want haptic feedback tailored to specific activities.
If only there was a tool to make adding haptics across platforms effortless… 👀