Deep dive into Cross-platform | Flutter destroys ReactNative?
Finally, after a month of research and prep, here I present a deep dive into why Flutter consistently outperforms React Native in benchmarks (at least historically). I have tried breaking down the internals of cross-platform communication, native execution, JSI, JNI, and WASM to uncover what makes Flutter’s approach inherently faster. Whether you're a developer choosing a framework or just curious about mobile tech, this deep dive will give you the insights you need. Towards the end I also go through how KMP approaches the problem.
Also watch this:
• Is it worth learning Flutter in 2024 and B...
• Is React Native Dead in 2024?| Explained |...
• Does Kotlin Multiplatform beat Flutter? | ...
------------------
References
/ flutter-vs-react-native-performance-benchm...
https://inveritasoft.com/blog/flutter...
/ a-java-exploring-jni-performance-via-decod...
https://developer.mozilla.org/en-US/d...
Flutter
https://docs.flutter.dev/platform-int...
Platform dispatcher code: https://github.com/flutter/flutter/bl...
Wasm
• Mobile app development with WebAssembly GC...
• Kotlin/Wasm — Compile Once Run Everywhere ...
[https://hacks.mozilla.org/2018/10/cal...](https://hacks.mozilla.org/2018/10/cal...)
• A WebAssembly Deep Dive 🔎 - How Wasm works...
React Native
• Phillip Pan – React Native under the hood ...
The same above one but in a article form: / react-native-under-the-hood-app-js-conf-20...
Super interesting: / react-native-under-the-hood
Converting native modujle to jsi module: https://blog.notesnook.com/convert-na...
Turbo modules info from https://reactnative.dev/docs/turbo-na...
https://docs.flutter.dev/platform-int...
----------------------------------------------------------------------------------
Content markers
00:00 Intro
01:32 How native code works on platforms
09:46 Flutter Internals and why its fast
15:47 ReactNative Internals and why its slow
22:00 Kotlin Multi Platform world
-----------------------------------------------------------------------------------
Got questions? Reach out to me here:
Instagram: / hundred_gb
Telegram: https://t.me/hundred_gb
Linkedin: / gaurav-bhola
Twittter: / gauravbhola_in
--------------------------------------------------------------
My Setup details (In the US):
🖥 28 Monitor (Main monitors) ($629) US: https://amzn.to/41QOptQ
🖥 27 Monitor ($299) GIGABYTE M27Q 27" 170Hz with KVM switch: https://amzn.to/3oQEQGz
🦾Monitor arm - HUANUO Dual monitor arm: https://amzn.to/3OXlpq7
⌨️Keyboard: KINESIS GAMING Freestyle Edge RGB Split Mechanical Keyboard (MX Brown) ($199): https://amzn.to/3Soyv2q
📱 Phone - Pixel 5 128: https://amzn.to/3JvAXjH
🖥CPU case ($129) - SSUPD Meshlicious: https://www.ssupd.co/products/meshlic...
📸Camera - Sony a6600: https://amzn.to/3JrNLHZ
🔎Lens - Sigma 16mm 1.4: https://amzn.to/3oQi4i7
🎙️Mic - Boy BY-M1: https://amzn.to/3QbvJvS
--------------------------------------------------------------
Setup details (back in India):
Budget Table: https://amzn.to/3qe3Yql
Budget Electrical sit-stand (~₹34000): https://www.purpleark.in/products/sit...
🖥 27 Monitor (One I use) (~₹40000): https://amzn.to/2Phdpno
🖥 Best 27 Monitor(Budget) India: https://amzn.to/3gprICn
💻Old Laptop - Acer Nitro 7: https://amzn.to/3cWqfnj
📱 Phone - Pixel 5a 128: https://amzn.to/3qakGal
🍎Tablet - Chromebook duet: https://amzn.to/3vImlVM
🎧Earphones - Galaxy Buds+: https://amzn.to/3zCRc9p
🎙️Mic - Boya: https://amzn.to/2RqJCNW
On My Desk:
Cello carbon ballpen: https://amzn.to/3gMv8R1
Speed triple (₹350): https://amzn.to/2BXAE2U
Earphone pouch (₹299): https://amzn.to/2PxDY8d
Under table wire management-IKEA SIGNUM (₹1299): https://amzn.to/3i5X3Ky
Primary Keyboard: KINESIS GAMING Freestyle Edge RGB Split Mechanical Keyboard (MX Brown) ($199): https://amzn.to/3Soyv2q
Keyboard-2 : HyperX RGB Cherry MX Blue Elite (₹13000):
I bought this as a renewed one and costed me ₹8000.
Mouse: Logitech G402: https://amzn.to/2BXEAkc
MousePad (₹699): https://amzn.to/3fop2nk
6-axis Monitor Arms (Dual ₹6999) (Single ₹4999): https://amzn.to/3fq35n