Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Is Flutter the Coke Zero of the mobile world?

Is Flutter the Coke Zero of the mobile world?

It’s common for mobile teams to feel the strain of being under-resourced because of the need to maintain the same functionality of two codebases for your application. Without engineering time being spent coordinating feature development in both iOS and Android platforms, it’s easy to let the feature development get out of sync. What if there was a way to get a consistent cross-platform mobile experience without the extra engineering work? Flutter might just be the full flavor and zero sugar solution.

We’ll walk through some feature development patterns that existing companies are using which lend themselves nicely to a Flutter build. We’ll explore all the cost-saving benefits that Flutter provides while looking at real-world examples of Flutter features that require half the effort of their native counterparts.

Florian Harr

October 28, 2021
Tweet

More Decks by Florian Harr

Other Decks in Programming

Transcript

  1. Is Flutter the Coke Zero of the mobile world? Full

    flavour with zero calories Jesse Harrelson & Florian Harr - DroidCon London 2021 Thanks for having us from the US
  2. • Investment, IRA and 401(k) Provider with best-in-class automated investing

    strategies (and human advisors!) • Strong engineering team and culture with > 100 Engineers across the US • Offices in NY, Philly, Denver • Remote positions available • We’re hiring (https://bit.ly/bettermentcareers) Scan Me!
  3. • Mobile Dev since 2008 • German-American Engineer • DMs

    open @CaffeineFlo Hi👋 Florian Harr Staff Engineer (IC) Jesse Harrelson Engineering Manager • Betterment Eng > 4 years • Ultra Runner • Hmu @yieldjessyield
  4. What if we told you that there was a coke

    zero option for mobile? Coke Coke - No Sugar Coke - No Sugar - No Cola But I’m the one powering you guys!!
  5. How to build support • Build a Proof Of Concept

    (POC) • Engage with key stakeholders • Provide engineers with resources
  6. Native Startup PreAuth Signup Home Auth Profile Login/2FA Goal Checking

    Settings Perf BmtAccts AddGoal FundingAccts AcceptInvite OmniTransfer Plaid Quovo Rewards AddChecking Settings MRDC Dosh Edit Savings Card/PIN SendInvite Sure RAF Txns Portfolio Ext. Accts Activity Security Email Phone Address
  7. Migration: From Isolated Features to the Main Screen! • Recommended:

    Migrating “End-Leaf” Features first • Integrating Flutter per-screen or per-widget • Keep Foundation with existing code using ◦ Add to App: First-class Flutter integration into existing native Projects ◦ Flutter MethodChannels for Native <-> Flutter communication ◦ Add FlutterActivity or FlutterFragment when calling your Feature/Widget ◦ Debugging and Hot Reload available on integrated experiences
  8. - Still allows to migrate “End-Leaf” Features Max: 2x Time

    Savings 2X Time Savings Migration: From Isolated Features to the Main Screen!
  9. • Unlocks Full Time Savings potential Migration: From Isolated Features

    to the Main Screen! ∞X Time Savings Min: ~2x Time Savings 2X Time Savings
  10. How to build support • Build a Proof Of Concept

    (POC) ◦ Pick an isolated feature to migrate • Engage with key stakeholders • Provide engineers with resources
  11. Share the Flutter love 💙 Use Flutter as a tool

    to change your company’s perspective on mobile engineering - Faster feature development - Saved time allows you to iterate on inefficient processes - Unified mobile culture and team - Begin developing “mobile-first”
  12. • Build a Proof Of Concept (POC) • Engage with

    key stakeholders • Provide engineers with resources ◦ Work with a contracting company ◦ Provide Flutter training ◦ Let engineers know you have their back How to build support
  13. Improved Developer Experience! • Consistent Unit/UI Test Results with the

    Flutter Engine! • Android Studio + VSCode Support • Continuous Delivery All-in-one solutions available for ◦ Codemagic ◦ Bitrise ◦ Appcircle • Fastlane support! • … or integrate and use existing pipelines!
  14. Reaching Higher Altitudes • Maturing as an industry-branch: Mobile instead

    of Android vs iOS! • Flutter is a tool in your tool chest among many others • Native Look & Feel and Personas can be served to their needs … or unified where needed (Material Design isn’t just for Android) • Save time on the repetitive stuff and focus on what ends up on the Screen vs. what’s underneath