--- 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