A brand-new React Native Framework? πŸ€”


notJust.dev Newsletter πŸš€

Stay up-to-date with the latest technologies and become a better developer

Hey notJust Developers,

This week brings some exciting React Native updates! The creator of Tamagui has built a new React cross-platform framework called One. That’s crazy! Let’s dive into the two big news items:

  1. New React Native Framework: One πŸš€
  2. Nitro Module Framework Launched πŸ”₯

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.

New React Native Framework: One πŸš€

So, at ViteConf this week, Nate Wienert (creator of Tamagui) introduced the new React cross-platform framework One. One is a Vite plugin (a fast tool for building web apps) and a complete solution for cross-platform development with React and React Native. Using One, you can deploy your React Native or Web app with a single setup. One allows you to target both Native and the web with one codebase (you can import <Text/>, <View/>, etc., from react-native, which also works on the web). It replaces both Metro (JS bundler) and a separate Web framework with a single framework, using shared file-system routing (every file you create under the /app directory becomes a route). It uses the popular react-navigation to navigate on native apps (iOS & Android).

True Benefits of One πŸš€

The two main features of the One framework compared to other frameworks are:

  • One allows Vite to serve React Native and Web at the same time with smooth file system routing, all while hot reloading (instant updates) on both Native and Web.
  • One prioritizes local-first development (works offline) with Zero (manages app data from user's input and external sources), allowing code sharing across Web and Native apps without any downsides (no performance issues).

Additionally, Vite is excellent for React Native with broad file-type support (handles many file formats), modern syntax, ESM (modern JavaScript modules), powerful tree shaking (removes unused code) and code-splitting, faster compilation, and top-notch documentation, plugins, and community support. All these features are now automatically supported in One.

Nitro Module Framework Launched πŸ”₯

​Marc from @margelo_io has released a mind-blowing Framework Nitro to build Nitro Modules (next-gen Native Modules) for React Native developers. The framework helps you to create very fast Native Modules (Ex: Camera Module) that are type-safe (safe from type errors at runtime) and statically compiled (optimized for performance before they run), all while allowing JS to interact with those Native Modules easily. This week, Marc added a new home page for the documentation.

Nitro Module Performance πŸš€

​Nitro is built on top of JSI (JavaScript Interface, written in C++) which makes the communication layer between JavaScript and native code (e.g., Swift, Kotlin) very lightweight and efficient. Many features, like type-checking, are compile-time only and built with C++ which introduces zero runtime overhead. Unlike Turbo Modules (created by Meta) or Expo Modules (created by Expo) for building native modules, Nitro-Modules do not use Objective-C at all. Nitro uses the new Swift <> C++ interop, which has close to zero overhead. Additionally, instead of requiring Java, Nitrobridges to Kotlin directly.

A benchmark showed that Nitro-Modules are 59x faster than Expo Modules and 15x faster than Turbo Modules. Damn, Nitro-Modules are incredibly fast! 😱

That’s it πŸ™Œ

React Native is moving quickly. For example, the new framework β€œOne” has come out to compete with β€œExpo”. Additionally, exciting developments are happening, such as the new Nitro Module being better than both the Expo Module and Turbo Module. Day by day, React Native is becoming the top cross-platform framework.

​

πŸ”΄ Join me live

This Friday we will build a scalable API with NodeJS . It's going to be a tutorial packed with value, so set a reminder and don't miss it out πŸ‘‡

video preview​

​

Count down to 2024-10-11T15:00:00.000Z​

πŸ” In case you missed it

Build an Amazon Price Tracker with React Native, Supabase and BrightData

You'll learn how to build a fully functional Amazon price tracker app using React Native, Supabase, and BrightData. From building the User Interface to setting up the backend and scraping Amazon for live price updates, we’ll guide you through every step.

Building an Advanced Price Tracking App with React Native and Supabase

In the second part of this tutorial series, we’re diving deeper into advanced features for our Amazon price tracker app. We’ll implement automatic tracking, price history charts, real-time data updates, and set up email notifications for price drops.

πŸ”₯ Press worthy

1️⃣ Introducing Zeego 2.0: Dropdown & context menus that work everywhere (Release).

2️⃣ From React Native 0.77, the template will switch from Objective-C to Swift.

3️⃣ Announcing react-native-godot: Godot Game Engine now in React Native.

4️⃣ Oskar is building new β€œNative Bottom Tabs” to replace the β€œReact Native JS Bottom Tabs”.

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:

  1. ​React Native Mastery – The Ultimate React Native & Expo Course. Build 7 real-world projects and finally master mobile development with React Native. Launching in November 26.
    ​Join the Waitlist to secure your spot.
  2. ​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!​
  3. ​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 Air M4. Join here!​
​

113 Cherry St 98104-2205, Seattle, WA 98104-2205
​Unsubscribe Β· Preferences​

notJust.dev Newsletter

Stay up-to-date with the latest React and React Native news and become a better Mobile Developer

Read more from notJust.dev Newsletter

notJust.dev Newsletter πŸš€ Stay up-to-date with the latest technologies and become a better developer 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...

notJust.dev Newsletter πŸš€ Stay up-to-date with the latest technologies and become a better developer Hey notJust Developers, Engineers at Infinite Red and Callstack have recently done amazing work in the React Native community. In today's newsletter, we highlight the top three stories from these teams. Introducing Ignite X πŸš€ New React Native Bottom Tabs out πŸ”₯ Re.Pack now 5x faster by Rspack πŸ’― Now, let’s explore each news story in detail. This issue is Sponsored by Genezio Genezio is a powerful...

notJust.dev Newsletter πŸš€ Stay up-to-date with the latest technologies and become a better developer Hey notJust Developers, React Universe Conf (formerly React Native EU), organized by Callstack, has recently concluded. The two-day event started on Sept 5th and was filled with exciting announcements. So many announcements, that we had to cover them in 3 different issues. In the previous issues, we covered: The New Architecture as Default in 0.76 πŸš€ New React Native DevTools πŸ’― Expo Dom...