The React Native Rewind

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.

[The React Native Rewind @ReactNativeRwd]

Our QA agents can finally stop waiting for 9 a.m., Bob Ross paints straight to the GPU, and a README confesses its own bugs. The React Native Rewind #63 👇 https://t.co/fArJmMZCNn

[The React Native Rewind @ReactNativeRwd]

https://t.co/RHe9CEnxrU

[The React Native Rewind @ReactNativeRwd]

Software development is changing... and React Native is OVER...

The recruiters stop calling. A team of eight quietly becomes a team of three.

If you're wondering where React Native devs fit when an agent writes all the code, start here 👇

https://t.co/2jmTgg2CqV

[The React Native Rewind @ReactNativeRwd]

react-native-audio-api just hit 1.0.0, and the demo is three phones playing one orchestra in time.

Software Mansion's first stable release. Spatial audio via PannerNode, WPT conformance up from 70% to 85%. Video is their engineer's own phone-orchestra demo.

🧵

[The React Native Rewind @ReactNativeRwd]

Upgrading from 0.13.x needs code changes. The migration guide covers them, and tsc catches most of it.

https://t.co/jXZsCzIem3

#ReactNative #Audio #SoftwareMansion #MobileDev #ReactNativeRewind

[The React Native Rewind @ReactNativeRwd]

Software development is changing... and React Native is OVER...

The recruiters stop calling. A team of eight quietly becomes a team of three.

If you're wondering where React Native devs fit when an agent writes all the code, start here 👇

https://t.co/2jmTgg2CqV

[The React Native Rewind @ReactNativeRwd]

Expo SDK 58 is out, and the cold bundling number is the one that made me sit up.

Noxcturnal is their experimental Rust transformer. On a ~5,500 file app Expo clocked cold bundling at 5.26 s with Babel and 2.46 s with Noxcturnal. About 2× faster. Illustration of their numbers.

🧵

[The React Native Rewind @ReactNativeRwd]

It's early. No custom transform worker, no custom Babel plugins, and the numbers may move before it's stable.

https://t.co/3P799oEBlz

#ReactNative #Expo #Metro #MobileDev #ReactNativeRewind

[The React Native Rewind @ReactNativeRwd]

@tomekzaw_ @G_Moskaliuk @mozzius @chrfalch Software development is changing... and React Native is OVER...

The recruiters stop calling. A team of eight quietly becomes a team of three.

If you're wondering where React Native devs fit when an agent writes all the code, start here 👇

https://t.co/2jmTgg2CqV

[The React Native Rewind @ReactNativeRwd]

Somebody bundled 20+ recent React Native PRs together and ran the benchmark.

Yoga layout went from 965 ms to 138 ms. I read it twice.

@tomekzaw_ tested PRs by @G_Moskaliuk, @mozzius, @chrfalch and others. The bars are my redraw of his table.

🧵

[The React Native Rewind @ReactNativeRwd]

@tomekzaw_ @G_Moskaliuk @mozzius @chrfalch Catch: PRs, not a release yet. "We're not done yet."

https://t.co/zsTJEHPo6J

#ReactNative #Performance #Yoga #iOS #MobileDev #ReactNativeRewind

[Tomasz Zawadzki @tomekzaw_]

Testing out 20+ recent PRs to react-native by @G_Moskaliuk, @mozzius, @chrfalch, me and others

🔥 24% less JS thread CPU
⚡️ 40% fewer scroll hitches on iOS
🤯 86% less Yoga layout work

btw we're not done yet

[The React Native Rewind @ReactNativeRwd]

@jmeistrich One file, one line, no committee. That's the kind of small tool we love writing up in The React Native Rewind 👇

Join The React Native Rewind: https://t.co/2jmTgg2CqV

Legend Code: https://t.co/bFjSdROEVx

[The React Native Rewind @ReactNativeRwd]

Me: I'll just change one line in package.json.

My editor: lovely, let me spin up a terminal and an agent to talk it through.

Legend Code by @jmeistrich is a native macOS editor that just opens the file.

🧵

[The React Native Rewind @ReactNativeRwd]

@jmeistrich 𝗪𝗵𝗮𝘁'𝘀 𝗶𝗻𝘀𝗶𝗱𝗲

➡️ Any UTF-8 file from Finder or ⌘O

➡️ Go to line, comments, move lines

➡️ Incremental highlighting, big files stay snappy

Catch: 0.0.1 early MVP, macOS only, may need duti to claim .json/.ts.

Link in comments.

#ReactNative #macOS #DevTools

[The React Native Rewind @ReactNativeRwd]

Software development is changing... and React Native is OVER...

The recruiters stop calling. A team of eight quietly becomes a team of three.

If you're wondering where React Native devs fit when an agent writes all the code, start here 👇

https://t.co/2jmTgg2CqV

[The React Native Rewind @ReactNativeRwd]

Tuning a spring by nudging damping and squinting at the simulator is not a workflow.

Keyframer Inspector records every animation with the line that started it, then lets you tune it and apply it to code. Video is their demo.

🧵

[The React Native Rewind @ReactNativeRwd]

RN setup: npm i -D @keyframerdev/inspector, then shift+m in Metro.

https://t.co/sJIL53rbzI

#ReactNative #Reanimated #Animation #DevTools #MobileDev #ReactNativeRewind