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 Components with SDK 52 π₯
- Tree Shaking in Expo π€
Today, letβs dive into:
- Hermes V2 soon π―
- Server-Defined Rendering in React Native π
Hermes V2 soon π―
It was a great pleasure to have Tzvetan Mikov (Tech lead at Hermes Team) on stage to announce the performance of the upcoming Hermes V2. It is still undergoing testing, but the performance improvements are amazing.
Intro to Hermes
Hermes is a JavaScript engine that generates bytecode from JS code at the appβs build time
. Then, at runtime
(app launch time), Hermes loads the bytecode to run on devices. It was officially announced at Chain React 2019 and first integrated with React Native in version 0.60. Starting from React Native V0.64, Hermes became the default JavaScript engine.
V2 Improvements Benchmark
βTzvetan and his team worked hard on some deep assembly code (low-level machine code) to improve the performance of Hermes over the last few months, and they finally achieved the first round of their goal. He presented on stage that the performance of un-typed JS code (e.g., raw JS code) in V2 improved by 50% π₯.
He also presented a performance benchmark for a React Native app written in typed JavaScript (e.g., TypeScript, Flow), showing a 9x speed improvement π₯.
Finally, he showed us an animation written in JS code. The left side displayed the current Hermes performance, while the right side showed the results with Hermes V2, with significant improvements in movements π―.
When V2 will be Default?
Timkov mentioned that the team will release Hermes V2 soon, along with an upcoming React Native release π.
Server-Defined Rendering in React Native π
Another great piece of news is that during the conference, Mike (Founder at Xplat Labs, Callstack) and Eric Vicenti(CTO, Seed Hypermedia) presented Rise Tools which brings Server-Defined Rendering in React Native π₯.
Server Defined Rendering (SDR) π
Server-Defined Rendering (SDR) refers to a rendering approach in which your server provides instructions to your client app on how the application should display its user interface (UI). This approach is particularly useful for mobile apps.
Imagine you have an app installed on your phone, such as the React Universe Conference app that is already in production (Play & App Store). The server sends predefined instructions to the client app on how to render specific screens or components. As a result, when you need to add a new screen or update the UI in the production app, you simply update the code on your server. This automatically and immediately updates the client app UI on millions of devices. The client app listens to the server using the WebSocket facility, so users wonβt be prompted for an app update anymore.
Rise Tools in action π₯
Thanks to Mike and Eric for introducing this amazing Server-Defined Rendering concept in React Native by Rise Tools. During the conference, Szymon and Burak captured an incredible video showing how Rise Server can immediately update the production app on hundreds of devices in real time. You no longer need to wait for any production build or even for CodePush anymore π!
So, why not give Rise Tools a try today? Letβs jump in here π.
NOTE:
We also have explained Rise Tools in detail in one of the previous newsletters βπ Server-Defined Rendering for React Nativeβ. You will also find it as a blog post on the notJust.dev/blog later. π―
Thatβs it π
There were lots of important announcements during the React Universe Conf 2024. Our goal is to pick whatβs important, and help you stay up to date with whatβs to come in React Native ecosystem.
So far, we have covered:
β
The New Architecture as Default in 0.76 π
β
New React Native DevTools π―
β
Expo Dom Components with SDK 52 π₯
β
Tree Shaking in Expo π€
β
Hermes V2 soon π―
β
Server-Defined Rendering in React Native π
β
π΄ Join me live
This Friday we will build an Amazon Price Tracker. 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
β
Building a Google Photos Clone in React Native
We'll build a Google Photos clone using React Native, Supabase and ImageKit, creating a full stack app for both web and mobile. You'll learn how to handle image and video optimization with ImageKit and you'll learn the basics of User Interface design.
|
|
Building e-Scooter App with React Native and Mapbox
In this tutorial, we will build an e-scooter rental app similar to Lime and Bird using React Native and Mapbox. We'll cover everything from rendering scooters on the map to integrating directions and navigation features.
|
β
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:
- β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.
βJoin the Waitlist to secure your spot. β
- β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!β
|
|
β