> Markdown version of [/videos/456-writing-truly-cross-plattform-applications-using-flutter?t=1518](https://www.wearedevelopers.com/videos/456-writing-truly-cross-plattform-applications-using-flutter?t=1518). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Writing truly cross plattform applications using flutter

Unlike React Native, Flutter bypasses OS bridges entirely. By requesting a blank canvas and painting widgets from scratch, it unlocks blazing 120 FPS rendering across all major platforms.

- **Speakers:** [Simon Auer](https://www.wearedevelopers.com/@simon-auer)
- **Event:** World Congress 2022
- **Published:** June 15, 2022
- **Duration:** 29:36
- **URL:** https://www.wearedevelopers.com/videos/456-writing-truly-cross-plattform-applications-using-flutter

## Summary

Simon, CEO of the software agency Marketably, breaks down the fundamentals of writing cross-platform applications with Flutter, distinguishing it from popular alternatives like React Native. The core narrative contrasts the architectural approaches of cross-platform frameworks, highlighting how traditional bridge-based translations often create performance bottlenecks during complex UI interactions.

The essential difference lies in Flutter's use of the Dart programming language and the Skia 2D rendering engine. Instead of interpreting JavaScript to summon native OEM elements via a bridge, Flutter requests a blank canvas from the host operating system and rapidly paints its own widgets entirely from scratch. This approach bypasses OS translation layers, resulting in rendering speeds up to 120 frames per second and providing reliable UI consistency across Android, iOS, web, Linux, Windows, and macOS.

Through a brief live coding demonstration, developers can see hot-reloading in action and learn fundamental techniques for implementing responsive layouts using `MediaQuery`. Crucial takeaways include the recommendation to avoid Flutter for SEO-reliant websites due to current web startup speeds, and the insight that while Flutter intentionally ignores platform-specific UX quirks, this trade-off ultimately enables highly flexible, high-performance applications with a unified codebase.

**Keywords:** cross-platform applications, flutter development, dart programming language, react native comparison, skia rendering engine, mobile app performance, native oem elements, ui javascript bridge, widget rendering, hot reloading workflow, responsive app design, mediaquery layout, os canvas painting, frontend engineering

## Chapters

1. **Introduction to cross-platform application development with Flutter** (00:05) — Modern cross-platform frameworks enable software teams to compile code to multiple targets using a single proprietary codebase.
1. **Core differences between React Native and Flutter** (05:02) — Bypassing the javascript UI bridge improves rendering performance when managing rapid state changes and continuous scrolling.
1. **Analyzing Flutter rendering performance with the Skia engine** (10:40) — Painting custom widgets directly to an empty canvas ensures consistent application frame rates across varied operating systems.
1. **Live coding a cross-platform Flutter application deployment** (16:42) — Compiling a basic Dart project simultaneously to Android, web, and Linux targets validates out-of-the-box compilation capabilities.
1. **Building responsive Flutter layouts using media query** (21:53) — Accessing screen context size allows interface components to dynamically alter container structures across variable screen widths.
1. **Best practices for building scalable Flutter applications** (25:18) — Keeping widget packages concise and leveraging native functional wrappers simplifies long-term codebase maintenance and cross-platform flexibility.
1. **Audience Q&A on framework limitations and specific uses** (26:29) — Evaluating initial startup speeds and progressive web app constraints clarifies when developers should avoid adopting the framework.

## Related Moments

- [Introduction to Flutter and cross-platform UI development](https://www.wearedevelopers.com/videos/555-flutter-packages-and-plugins-a-look-under-the-hood) (from "Flutter Packages and Plugins - A Look Under the Hood")
- [Introduction to cross-platform mobile development with Flutter](https://www.wearedevelopers.com/videos/60-applying-devops-in-flutter-mobile-development) (from "Applying DevOps in Flutter mobile development")
- [Comparing declarative cross-platform architectures like Flutter and React Native](https://www.wearedevelopers.com/videos/555-flutter-packages-and-plugins-a-look-under-the-hood) (from "Flutter Packages and Plugins - A Look Under the Hood")
- [Comparing hybrid app frameworks with React Native and Flutter](https://www.wearedevelopers.com/videos/170-intro-to-flutter-development) (from "Intro to Flutter Development")
- [Core pillars and foundational components of the Flutter framework](https://www.wearedevelopers.com/videos/728-using-serious-tech-for-a-silly-game-how-to-build-an-mvp-with-flutter) (from "Using Serious Tech for a Silly Game - How to Build an MVP with Flutter")
- [Community questions on Flutter integration and future projects](https://www.wearedevelopers.com/videos/160-cross-platform-augmented-reality-development-with-react-native) (from "Cross platform Augmented Reality development with React Native")

## Related Articles

- [Basic And Advanced Networking in Dart and Flutter](https://www.wearedevelopers.com/magazine/112-basic-and-advanced-networking-in-dart-and-flutter)
- [Cross Platform Mobile Development Frameworks to Use in 2025](https://www.wearedevelopers.com/magazine/404-cross-platform-mobile-development-frameworks-to-use-in-2025)
- [Native Web Apps: Are We There Yet?](https://www.wearedevelopers.com/magazine/83-native-web-apps-are-we-there-yet)
- [Web Development Best Practices: What The Data Tells us](https://www.wearedevelopers.com/magazine/84-web-development-best-practices-what-the-data-tells-us)

## Related Jobs

- [Junior Frontend Engineer](https://www.wearedevelopers.com/jobs/ext/1532351-junior-frontend-engineer) at **Almedia**
- [iOS Engineer, Swift/SwiftUI/Combine (B2C Broker)](https://www.wearedevelopers.com/jobs/ext/1611832-ios-engineer-swift-swiftui-combine-b2c-broker) at **Bitpanda**
- [Founding Mobile Engineer (iOS)](https://www.wearedevelopers.com/jobs/ext/1648532-founding-mobile-engineer-ios) at **Almedia**
- [Staff Frontend Engineer (Expert+/Lead equivalent) - Hybrid working model, 100%, Ho Chi Minh City](https://www.wearedevelopers.com/jobs/48314-staff-frontend-engineer-expert-lead-equivalent-hybrid-working-model-100-ho-chi-minh-city) at **SMG Swiss Marketplace Group**
- [Senior React Native Developer](https://www.wearedevelopers.com/jobs/ext/1518176-senior-react-native-developer) at **Almedia**
- [Senior Software Engineer, Client Apps Platform](https://www.wearedevelopers.com/jobs/ext/1773893-senior-software-engineer-client-apps-platform) at **GitHub**