---
# System prepended metadata

title: Fluent UI React Mobile Engineering Plan
tags: [mobile]

---

---
robots: nofollow, noindex
tags: mobile
---

# Fluent UI React Mobile Engineering Plan

## Questions
- Which components should be shared? Which components should be different?
- How will we share accessibility behaviors between desktop and mobile
- How do we split styles between Andriod and iOS?
- Share experience writing libraries, and open source libraries
- Which /react components should we start with?

## Investigations so far
- Button size is currently 28kb minified (unzipped)
- Whole of owa-mini is 400kb (unzipped)

## Next steps
- Form an Async Thread for button investigation
- Look at react-button
    - Break it down, see how it fits with the mobile scenario
    - Breakdown of bundle size and contribution of shared utilities
    - How can we use our hooks model to strip down button
- Next goal: determine architecture for mobile components in terms of Fluent UI Next architecture
- Satish to share list of components with assessment
    - Combine Soon, Combine Later, Don't combine
- Identify next tractable set components to work together on

## Two options
- Help converged components
- Focus on the hero app