Hey notJust Developers,
The wait is over β React Native 0.76 stable was released last week! Plus, the Expo team launched the SDK 52 beta. Exciting stuff! Letβs see today's highlights.
- React Native 0.76 stable out π
- Expo SDK 52 beta released π₯
- New React Native Edge-to-Edge SDK π―
This issue is sponsored by RevenueCatβ
In-app subscriptions are a pain. The code can be hard to write, time-consuming to maintain, and full of edge cases. RevenueCat makes it simple, plus provides analytics, integrations, and tools to grow so you can get back to building your app.
βGet started with RevenueCat for free, and save weeks of development time integrating In-app subscriptions.
Now, letβs explore each news story in detail.
React Native 0.76 stable out π
Back in September, at React Universe Conf, the team announced they'd start working on 0.76. After 6 Release Candidates, they finally released the stable version last week. Major updates are:
- New Architecture now Default
- New React Native DevTools
- 15x Faster Metro build π±
- New
boxShadow
style props added
- Android Apps now ~3.8Mb smaller and ~15ms less startup time π―
New Architecture now Default
βSince 2018, the React Native team worked on a New Architecture to replace the slow bridge (JSON communication) between JS and Native code (Swift, Kotlin). They created a C++ layer called JSI to speed up the communication. This new flow of communication is called New Architecture. In March 2022, it became an experimental option in React Native 0.68. Now, in 0.76, the New Architecture is production-ready π₯. Check out our detailed post on New Architecture explained like Iβm 10.
New React Native DevTools
After 6 years of hard work and learning from all previous DevTools (JSC Debugger, Remote JS Debugger, Hermes Debugger, Flipper, Dev Menu), the team finally released the next-gen debugging stack & made it the default in 0.76. It can debug nearly every component of the Dev Environment (Hermes, Metro, React code). So, from 0.76 you donβt need any other Debugging Toolsβjust Chrome or Microsoft Edge installed on your device. No other setup is required π€©.
NOTE:
Keep an eye on notjust.dev/blog - weβll soon publish a detailed blog post on the React Native 0.76 release! π
Expo SDK 52 beta released π₯
The Expo team released SDK 52 beta (stable within 2 weeks) with lots of exciting features, including React Native 0.76. The most exciting are:
- Expo DOM Component
- Experimental Tree Shaking
Expo DOM Component
βDOM Components are super helpful for migrating a web app (like a React or Next.js app) to a mobile app (like a React Native app) or if you have a web library that isn't yet available for native Android or iOS. To save months of work, you can just create a DOM Component, and copy-paste your web code (like code with <div>
, <h1>
, etc.) into your Expo project, and write βuse domβ
at the top of the component (Expo JS file). Boom, your React (web) code now works smoothly in your native app π₯. Isnβt it crazy? Kudos to Evan and his team.
Experimental Tree Shaking
SDK 52 adds experimental Tree Shaking support. This allows Expo to automatically remove unused imports and exports from your app. For example, if you use the lucide-react
library and only need ChevronLeft
and ChevronRight
icons, Tree Shaking will keep just those icons in your app's JS bundle. Unused icons will be removed. One benchmark showed this can reduce bundle size by up to 87% π.
New React Native Edge-to-Edge SDK π―
βMathieu, with Expo, released react-native-edge-to-edge to support Android 15's edge-to-edge enforcement by Google. Edge-to-edge means that the app content will use the entire screen, including areas under the device status bar(the bar that shows you time, battery charge, etc.) and the device navigation bar. Currently, edge-to-edge is optional for apps, but from Android 15, with the app's Target SDK level set to 35 or higher, edge-to-edge will be the only choice, and the status & navigation bars will be transparent. However, React Native 0.76 still uses Target SDK Level 34 as the default.
The important thing to consider is that Mathieu mentioned we can expect Google to force all apps to update their Target SDK level to 35 by August 2025, based on previous years' experience. This means it will be mandatory for every React Native app to handle edge-to-edge by this time. But yeah, this new SDK supports Immersive mode (the mode where both the status bar and navigation bar get hidden) without any extra hassle (as shown in the above image).
Community with Positive Feedback
The library got over 500 stars in just 2 weeks. Developers started using the SDK and removed old dependencies like expo-navigation-bar from their apps. Even, the React Native team recommended it for Android 15's edge-to-edge enforcement. Popular libraries like react-native-keyboard-controller and React Native Bottom Tabs are also adopting it. Try it and keep your app safe from Google policy π.
Thatβs it π
Last week felt like the payoff of many years of hard work. As Nicola said, after 3 years of effort, the New Architecture is finally ready for production. Plus, the next-gen debugging stack now combines features from all the debuggers Meta created in the last 6 years π―.
π΄ Join me live
This Friday we will check the latest updates of Expo SDK 52 & React Native 0.76. It's going to be a tutorial packed with value, so set a reminder and don't miss it out π
ββ
βπ In case you missed it
Build Headspace Clone with React Native, Expo and RevenueCat
We'll build a fully functional meditation app inspired by Headspace using React Native, Expo, and Expo Router. This project covers audio playback for meditations, animations for a beautiful user experience, and monetization with in-app subscriptions powered by RevenueCat.
|
|
Integrate Stripe Payments in Your React Native E-commerce App
In this part weβll integrate Stripe payments into the application, enabling secure and fast transactions. From setting up Stripe to handling payments within our React Native app, this tutorial will guide you through everything needed to add a smooth checkout experience.
|
π₯ Press worthy
1οΈβ£ Join me at RNLConf next week! Get 10% off with the code NOTJUSTDEV
2οΈβ£ New blog by the React Native team: Overview of the New Architecture and its future impact.
3οΈβ£ React Native Reanimated v3.16 is out. Added support for React Native 0.76, React Compiler, better log, and many more.
4οΈβ£ NativeWind v4 is officially live for production use with lots of improvements like fast(er) refresh & Enhanced animations π―.
5οΈβ£ React Native visionOS 0.76 is out! Supports React Native 0.76, the new React Native Debugger, and makes the New Architecture the default.
β
β
Did you learn something new today?
If you found this email valuable, forward it to one friend or coworker who can also benefit from it. That would be much appreciated π
The newsletter was written by Anis and edited by Vadim Savin.
|
|
Vadim Savin
Helping you become a better developer together with the notJust.dev team
|
Whenever youβre ready, there are 3 ways I can help you:
- βReact Native Mastery β The Ultimate React Native & Expo Course. Build 7 real-world projects and finally master mobile development with React Native. Available NOW!
- βnotJust.Incubator β Turn your mobile app idea into a successful product. Our 3-month incubation program offers mentorship, domain expertise, and a proven formula for launching a mobile app with a solid business model.
Got an idea? Apply now!β
- βnotJust.Hack - Ready to build that app youβve always dreamed of? Join us this December for a month-long Hackathon. This is your chance to create, pick up new skills, and bring your vision to life. As always, the top project will be gifted prizes, with the biggest being Macbook Pro M4. Join here!β
|
|
β