Pinned
The React Native Rewind
416 posts
The React Native Rewind
@ReactNativeRwd
We break down what’s new, what’s next, and what’s actually worth your time in the evolving React Native ecosystem. Expect a dose of humour and plenty of memes.
Joined August 2024
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
00:00- Tired of re-renders just because your app found a new notch? 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗦𝗮𝗳𝗲 𝗔𝗿𝗲𝗮 𝗖𝗼𝗻𝘁𝗲𝘅𝘁 𝟱.𝟱 just dropped SafeAreaListener — a slick way to observe safe area changes without triggering unnecessary renders. 𝗕𝗲𝗳𝗼𝗿𝗲: You’d reach for
- 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗷𝘂𝘀𝘁 𝗶𝗻𝘁𝗿𝗼𝗱𝘂𝗰𝗲𝗱 𝗮 𝗽𝗼𝘄𝗲𝗿𝗳𝘂𝗹 𝘂𝗽𝗴𝗿𝗮𝗱𝗲: 𝗡𝗼𝗱𝗲-𝗔𝗣𝗜 𝘀𝘂𝗽𝗽𝗼𝗿𝘁 𝗳𝗼𝗿 𝗻𝗮𝘁𝗶𝘃𝗲 𝗺𝗼𝗱𝘂𝗹𝗲𝘀. React Native has brought 𝗡𝗼𝗱𝗲-𝗔𝗣𝗜 𝘀𝘂𝗽𝗽𝗼𝗿𝘁 into the fold, enabling the use of 𝗽𝗿𝗲𝗯𝘂𝗶𝗹𝘁,
- Stop avoiding the keyboard. Start designing with it. With version 1.18.0 by @ziusko, react-native-keyboard-controller levels up from a utility to a full-on UX toolkit — letting you create rich, custom UI that lives in the keyboard space. ➡️ 𝗞𝗲𝘆𝗯𝗼𝗮𝗿𝗱𝗘𝘅𝘁𝗲𝗻𝗱𝗲𝗿 lets
GIF - Heads up: 𝗥𝗲𝗮𝗻𝗶𝗺𝗮𝘁𝗲𝗱 𝟰 changes how 𝘀𝗽𝗿𝗶𝗻𝗴 𝗮𝗻𝗶𝗺𝗮𝘁𝗶𝗼𝗻𝘀 behave. This isn’t a flashy new feature — but if your animations suddenly feel different, this might be why. ➡️ Reanimated 4 introduces a new 𝗱𝗲𝗳𝗮𝘂𝗹𝘁 𝘀𝗽𝗿𝗶𝗻𝗴 𝗺𝗼𝗱𝗲𝗹 based on
GIF - 𝗥𝗲𝗮𝗻𝗶𝗺𝗮𝘁𝗲𝗱 𝟰 𝗶𝘀 𝗳𝗶𝗻𝗮𝗹𝗹𝘆 𝘀𝘁𝗮𝗯𝗹𝗲 — and it brings something React Native devs have craved for years: 𝗖𝗦𝗦-𝘀𝘁𝘆𝗹𝗲 𝗮𝗻𝗶𝗺𝗮𝘁𝗶𝗼𝗻𝘀. Instead of writing withTiming or managing SharedValue for simple transitions, you can now use familiar props like
- 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗶𝘀 𝘀𝗹𝗼𝘄𝗹𝘆 𝗯𝗿𝗲𝗮𝗸𝗶𝗻𝗴 𝘂𝗽 𝘄𝗶𝘁𝗵 𝗖𝗼𝗰𝗼𝗮𝗣𝗼𝗱𝘀. If you’ve ever stared at a pod install progress bar wondering where your day went, this one’s for you. The RN team is working toward 𝗦𝘄𝗶𝗳𝘁 𝗣𝗮𝗰𝗸𝗮𝗴𝗲 𝗠𝗮𝗻𝗮𝗴𝗲𝗿 (SPM) for
- Adding cards to Apple or Google Wallet from React Native just got way easier. 𝗿𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝘄𝗮𝗹𝗹𝗲𝘁 by @swmansion & @expensify gives you a 𝘂𝗻𝗶𝗳𝗶𝗲𝗱 𝗔𝗣𝗜 for both platforms — no need to juggle native SDKs, messy conditionals, or duplicate code. ➡️ The
- License compliance in React Native isn’t optional — and now it doesn’t have to suck. If you’ve never built a license attribution screen, you’re not alone. But that doesn’t mean you’re off the hook. 📜 𝗔𝗽𝗽 𝗦𝘁𝗼𝗿𝗲 𝗥𝗲𝘃𝗶𝗲𝘄 𝗚𝘂𝗶𝗱𝗲𝗹𝗶𝗻𝗲𝘀 (Section 5.1) require
- A new Image component just landed for React Native: 𝗡𝗶𝘁𝗿𝗼 𝗜𝗺𝗮𝗴𝗲. It’s built on the New Architecture with Nitro Modules and focuses on two things most RN apps struggle with: ➡️ 𝗣𝗲𝗿𝗳𝗼𝗿𝗺𝗮𝗻𝗰𝗲 in long, image-heavy lists ➡️ 𝗙𝗹𝗲𝘅𝗶𝗯𝗹𝗲 image manipulation
- React Native apps can now think—even offline. 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗥𝗔𝗚 by @swmansion brings Retrieval-Augmented Generation (RAG) to your device, powered by 𝗼𝗻-𝗱𝗲𝘃𝗶𝗰𝗲 𝗟𝗟𝗠𝘀 𝗮𝗻𝗱 𝘃𝗲𝗰𝘁𝗼𝗿 𝘀𝗲𝗮𝗿𝗰𝗵. That means your app can read, search, and answer based
- The React Native community is going Nitro — and it’s not just a trend. 𝗡𝗶𝘁𝗿𝗼 𝗠𝗼𝗱𝘂𝗹𝗲𝘀, built on top of the JSI (JavaScript Interface), are reshaping how we think about native modules in React Native. Unlike TurboModules, which still serialise data and call native code
- React Native 0.81 just landed — and it’s less about shiny features, more about tidying up the ecosystem. 𝗔𝗻𝗱𝗿𝗼𝗶𝗱 𝟭𝟲 (𝗔𝗣𝗜 𝟯𝟲) 𝗶𝘀 𝗻𝗼𝘄 𝘁𝗵𝗲 𝗱𝗲𝗳𝗮𝘂𝗹𝘁 𝘁𝗮𝗿𝗴𝗲𝘁. ➡️ Google requires edge-to-edge layouts — your app stretches under the status and nav bars
