iiinova — where your digital self keeps evolving

Alexandre Moureaux @almouro.bsky.social · 22/04/2025

It was a pleasure and a great honor to be on the React Native Radio podcast and talk about performance!! 🚀♥️ Thanks for having me 😊 @infinite.red are amazing hosts!

171

Reposted by Alexandre Moureaux

parisandroid.bsky.social @parisandroid.bsky.social · 28/01/2025

Les vidéos du meetup de Janvier avec @almouro.bsky.social et @bapness.bsky.social sont disponibles ! Bon visionnage ! 🍿 www.youtube.com/watch?v=T13e... www.youtube.com/watch?v=_bn7...

youtube.com

Live coding : créons un outil de mesure de perf pour Android - Alexandre Moureaux

YouTube video by GDG Paris Android User Group

063

Alexandre Moureaux @almouro.bsky.social · 03/12/2024

It's an old version of a "box" from french provider Orange To be honest, I was surprised the app was still running knowing how bad the device was 😅

040

Alexandre Moureaux @almouro.bsky.social · 03/12/2024

It's a challenge 😅 I find it quite fun actually, but it's tough nonetheless

030

Alexandre Moureaux @almouro.bsky.social · 03/12/2024

Investigating #performance issues on TV is wild 😅 🤯 One of the TV devices we're targeting for a #ReactNative app is ~20x slower than a Samsung A10s (already low-end) ~400x slower than iPhone 15 📈 It's a web-based TV, so we can use the A10s and apply 20x slowdown in Chrome to get similar perf 🥲

TV device runs a calculation in 482s, 26x slower than a Samsung A10s

3140

Alexandre Moureaux @almouro.bsky.social · 19/11/2024

When you optimize, you can easily use it to compare perf before and after the fix! flashlight test --bundleId xyz.blueskyweb.app --testCommand "adb shell input swipe 500 1200 500 200 50" --iterationCount 1 --duration 5000 --record --skipRestart flashlight report before.json after.json

070

Alexandre Moureaux @almouro.bsky.social · 19/11/2024

... UI/render thread would be even higher with a video playing (there was none in my test) FlashList does make it much easier to optimize but indeed it adds recycling. Maybe the new list by @jayz.us would be an easier React-idiomatic option 🤞 My full flashlight command if anyone is curious:

140

Alexandre Moureaux @almouro.bsky.social · 19/11/2024

... we still keep 11 screens of posts in the hierarchy 🤔 No time to dig more atm, but I'd venture the large number of elements displayed by the list is responsible for the impact on JS thread, and in turn on the UI thread as well (and so on FPS). Should be checkable in the React DevTools 🤞 UI/ ...

130

Alexandre Moureaux @almouro.bsky.social · 19/11/2024

A quick flashlight test on a A10S with one quick scroll shows: - HEAVY JS usage to the point where the list goes blank quickly (after a post from @tazsingh.com 😅) - high UI thread usage as well, causing FPS drops FlatList are notoriously difficult to optimize, I see a windowSize={11}, meaning...

140

Alexandre Moureaux @almouro.bsky.social · 14/11/2024

Unrelated but I got this screen when I tried to reply 😅 @bsky.app Reply did go through though it would seem (Using pixel 8 Android 14)

000

Alexandre Moureaux @almouro.bsky.social · 14/11/2024

It gives a bit more details related to the frame times on the native side High frame time would correlate to high UI thread and render thread CPU usage on Flashlight and also lower FPS It doesn't give details on UI thread work outside of the frame rendering times though

120

Alexandre Moureaux @almouro.bsky.social · 08/11/2024

I see thanks! 🙏 Would it be possible to have native screens on Android as well? How complex do you think that would be to add in?

110

Alexandre Moureaux @almouro.bsky.social · 08/11/2024

Fantastic job! 👏👏 One of my biggest annoyances with big RN apps is: Clicking on tabs is slow after the first time you go to a tab. Because React mounts the whole tab for the first time and blocks JS Since the tabs are native now, does this mean we can have super fast performance as well? 🥹

120

Alexandre Moureaux @almouro.bsky.social · 07/11/2024

Excited to say I'll be giving a performance workshop next week at @rnlconf.bsky.social ! 🔥🚀 We'll improve performance of a dummy app, learning how to use: 🔦Flashlight ⚛️ React DevTools 📈 JS profiler 🤖 Android Studio And more!

0100

Alexandre Moureaux @almouro.bsky.social · 07/11/2024

Haha Mr Performance, I like that name! Danke schön Herr Kwast! ♥️

010

Alexandre Moureaux @almouro.bsky.social · 06/11/2024

Hello Bluesky 🦋! First post here! So instead of saying something somewhat meaningful about mobile apps performance, I'll just mention that funnily enough, this image is the first thing that pops when I google <my username> + BlueSky 😅 I am now a Portuguese medieval castelo 🏰

2130