Vivek yadav
Migrate to flutter
Migrate your apps to Flutter
Agenda
Agenda
Vivek yadav
Mobile Team Lead @ ZestMoney
Google Developer Expert for Flutter and Dart
Community leader @FlutterMumbai, @IndiaFlutter
Mentor, Trainer, and Contributor for Flutter in every possible way
@viveky259259
What is app migration
Out of
date
Upgrade
Improved
Migrating your app from one platform to another platform in order to upgrade the app with respect to cost, security, and user experience
why we do migration
Not able to meet customer's expectations
why we do migration
Developer experience!
Developer happiness with the tech ecosystem
why we do migration
Cost is low in new tech
why we do migration
Tech outdated!
features, security, slower, demands
why we do migration
Process is faster in new tech
Building, testing and releasing
why we do migration
Solve business problems with new tech
e.g. AI/ML, AR, VR
Things inside an App
Navigations
Things inside an App
Network apis
Things inside an App
Local Databases
Things inside an App
Notifications
Things inside an App
Utilities and Helpers
Configurations
Let's migrate to Flutter!
MIgration approach
Fully Conversion
1. Stop current development
2. Start flutter app development
Hybrid Conversion
Flutter in Native
1. Do not stop current development
2. Write new features in flutter and add them to the current native app
Hybrid Conversion
native In Flutter
1. Stop current development
2. Start flutter app development
3. Add your native feature in flutter app
MIgration Planning
4 stages of
development
Build core functionalities
> Network calls
> Databases
> Image Implementation
> Deeplinks
> Push Notifications
> Analytics
> Crash analytics
Stage 1
Build product features
> Login
> Home
> Booking
> Payments
> Profile
> Stories
Stage 2
Find and Build Plugins
> Camera Plugin
> Map Plugin
> Payment Plugin
> Fitness Plugin
> Video Plugin
Stage 3
Compatibility
> Authentication Information
> Local DB data
> User Interface
> User Experience
Stage 4
ZestMoney App Migration
ZestMoney
Consumer App
Merchant
App
Modern
Experience App
Example
- Login
- Manage
- Onboarding
Features
Merchant
App
Full
Conversion
Full flutter app
Example
- Login
- Home
- Shop
- Offers
- Merchants
- Purchase
- EMI
- Profile
- Onboarding
Features
Consumer App
Hybrid
Conversion
Flutter in Native
Example
- Login
- AR Interaction with store
- Native Functionality
- Onboarding through AR
Features
Modern
Experience App
Hybrid
Conversion
Native in Flutter
App migration planning
document example
MIgration Requirements
Mobile Developers
Flutter Developer
Android
Developer
iOS
Developer
Skill
Training
MIgration Requirements
Availability of plugins
> External plugins
> Internal (in-house) plugins
> Optional plugins
Functionality
MIgration Requirements
>Helps developers to get required help in time.
Product Manager
> Understand the value of migration
> Treat migration tasks as important as product development
Organization
Leadership
MIgration Requirements
Product requirement document
> List of Features
> List of packages used in product
> List of plugins used in product
> UI design for all features
Scope
Documentation
MIgration Requirements
Tech Product requirement document
> List of features with their complexities, and charts to understand them.
> List of packages used in the product, their availability, and complexity
> List of plugins used in the product, their availability, and complexity
> UI designs for all features with navigations and different screen sizes implementation information
Scope
Documentation
Engineering
Change is inevitable.
Growth is optional.
Framework
Platform
Product
Change
New features
Enhanced experience
Better security
Growth
Thank you!
Twitter: @viveky259259
Instagram: @Viveky259
Medium : @Viveky259259
Vivek Flutter
GitHub : @Viveky259259