πŸ’ŒΒ #45 React Native ExecuTorch, Radon IDE V1.0, React Native Sheet Transitions, React 19 Stable, Byorg AI


notJust.dev Newsletter πŸš€

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

Hey notJust Developers,

Callstack and Software Mansion engineers are working on amazing AI tools for React Native apps. The most exciting one is React Native ExecuTorch, which we'll explore today. Let's dive into today's highlights.

  1. React Native ExecuTorch - On device LLM πŸš€
  2. Radon IDE v1.0 released πŸ”₯
  3. React Native Sheet Transitions launched πŸ’―

Now, let’s explore each news story in detail.

React Native ExecuTorch - On device LLM πŸš€

Before diving into the news, let’s understand a bit about ExecuTorch.

What is ExecuTorch?

​ExecuTorch is a new AI framework created by Meta in 2023. It makes it easy to use PyTorch models (models developed with the PyTorch machine learning library) on different devices, like mobile phones and microcontrollers. This framework allows you to convert models into programs that can run independently without an internet connection. This keeps user data private, saves money on cloud costs, and allows real-time processing.

ExecuTorch is now in React Native πŸš€

Software Mansion with Jakub brought ExecuTorch into the React Native world and released React Native ExecuTorch. With just a few lines of JavaScript, now you’ll be able to run AI models (even LLMs - Large Language Models which can generate and understand human languages) directly on your device. One practical use case is offline customer support in the app. To start, just install it in your React Native app using:

# yarn install
yarn add react-native-executorch

# npm install
npm install react-native-executorch

Radon IDE v1.0 released πŸ”₯

In March 2024, Software Mansion launched Radon IDE v0.1 beta, which was previously known as React Native IDE. After 24 beta versions, they finally released the first ever stable version 1.0 last week. In the v1.0 update, they improved the stability of the simulator preview, made debugging better with breakpoints, and enhanced log management πŸ’―.

Before moving on, let's understand what Radon IDE is all about.

What is Radon IDE & Its features?

​Radon IDE is a VSCode and Cursor (an AI code editor) extension that makes your editor a fully featured IDE for React Native and Expo apps. It offers a bunch of cool features:

  1. You can run the iOS Simulator and Android emulator directly in Visual Studio Code.
  2. It includes a built-in element (component) inspector.
  3. You can use VSCode breakpoints for easy debugging in your React Native app.
  4. ​Navigation history is easily accessible (supports both Expo Router and React Navigation).
  5. It has strong device settings (like changing app font size or updating app localization) and more.
  6. It allows you to record (screen recording) what's currently happening on the device preview.

Sounds amazing, right? Why not give Radon IDE a try today?

NOTE: Learn more about Radon IDE from notjust.dev/blog.

React Native Sheet Transitions launched πŸ’―

Last week, SaΓΊl Sharma released an awesome library called React Native Sheet Transitions, which quickly went viral in the community after the release post. This SDK enables you to build native-feeling custom transitions of screens & modals with gesture-based interactions. The most interesting part is that it has zero frame drops and even supports Expo Go πŸ”₯.

Features of React Native Sheet Transitions

The most exciting features of this SDK are:

  1. Multi-directional dragging support: You can specify in which directions you want to move (drag) the screen (up, left, down, or right).
  2. Custom Animation support: You can change how the screen should look when you move it. (e.g., screen transparency and round corners).
  3. Built-in Animations: Currently there are two ready-made animations available.
    1. incremental - background screen moves up &
    2. decremental - background screen moves down when you drag (move) the top screen.
  4. Custom background with fade effects in Modals: You can set a custom background image or color that fades in when the modal opens and fades out when it closes.

So, why not try React Native Sheet Transitions today? Just install it by:

# yarn install
yarn add react-native-sheet-transitions

# npm install
npm install react-native-sheet-transitions

​

That’s it πŸ™Œ

Like every year, Software Mansion has opened the State of React Native 2024 survey. Don't miss out! The Expo and Meta teams closely follow the survey results to decide what to build and improve each year. You can share your thoughts and opinions on how the notjust.dev team has helped your career πŸš€.

πŸ”΄ Join me live

Join our daily hackathon livestreams this December! πŸŽ‰ Live at 2 PM UTC, we’re building tutorials together - this week: our 3rd project, an AI girlfriend. Set a reminder and tune in! πŸ‘‡

video preview​

​

Count down to 2024-12-19T14:00:00.000Z​

πŸ” In case you missed it

Building a Language Learning app with React Native

Our second Hackathon project: a peer-to-peer language learning app based on video calls. Inspired by my own struggle learning Spanish despite years of learning it, I realized the key missing piece is real conversational practice. This app aims to bridge that gap and help learners connect for meaningful interactions.

Making $62,420/month with Small Mobile Applications

An exclusive interview with Adam Lyttle, a self-made indie app developer who went from being in debt to generating over $62,450/month with his portfolio of small apps. Adam shares his inspiring journey of using app development as therapy and eventually building a successful business.

πŸ”₯ Press worthy

1️⃣ Add analytics to your React Native app in under 1 minute with Vexo. Use the promo code β€œNotJustDev10” for a 10% discount: https://bit.ly/notjustVexo Vexo | SEP-24​

2️⃣ Maciej from @callstackio released Byorg AI, a Chatbot Framework that only knows the information you provide, perfect for organizations.

3️⃣ React 19 Stable has been released πŸš€

4️⃣ Upgrading to Expo SDK 52 guide is now on the Expo blog πŸ’―.

5️⃣ Meet Fabrice AI - a tool for creating AI agents, like CALI AI agent, which helps you to build React Native apps. Mike is currently developing it.
​

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 2 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. Available NOW!
  2. ​Join us as a Sponsor - Showcase your product to mobile developers and turn them into skilled, loyal users through engaging hands-on tutorials.
    Because the best marketing happens through education!
​

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, Happy New Year from the notjust.dev crew πŸŽ‰! Hope you remembered to add notjust.dev to the State of React Native Survey. Let's dive into today's highlights. New Bottom Sheets in Expo Router v4 πŸ”₯ Static Hermes Update - 2024 The best build is no build πŸ’― New Bottom Sheets in Expo Router v4 πŸ”₯ Implementing bottom sheets in a React Native or Expo app is always challenging,...

notJust.dev Newsletter πŸš€ Stay up-to-date with the latest technologies and become a better developer Hey notJust Developers, The React Native team made a great announcement last week, about 0.77. Why wait? Let's dive into today's highlights. React Native 0.77 RC-0 Released πŸš€ Unistyles 3.0 Released πŸ”₯ Meet Cali: an AI agent for React Native 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...

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...