ReactXP - How we rebuilt (almost) all skype clients

on YouTube ↗36m

" summary

Claim: Skype migrates almost all clients to one codebase using ReactXP, shipping releases from June 2017 and treating this as one of the largest greenfield React Native apps. Engineering specifics: custom store system resub with keyed subscriptions and start manager for parallel init, a DB abstraction over SQLite/IndexedDB plus same tasks for transactional promises, simple REST client, responsive breakpoints and composite navigation, typed cross-platform styles and animations. Outcome: components run on iOS Android web (UWP experimental), many features rebuilt and deployed in production.

AI-written summary · about

" chapters (16)

1. 0:00Intro
2. 1:27Skype History
3. 6:48ReactXP Extensions
4. 8:23ReactXP Subscriptions
5. 10:23Base Component
6. 13:06Store
7. 17:52StartManager
8. 20:03Same Tasks
9. 22:51Responsive breakpoints
10. 25:25Examples
11. 27:14Styling
12. 29:26Combining Styles
13. 30:11Animations
14. 30:57Animation Component
15. 31:34React XP Extensions
16. 32:42Questions

" related talks

• 28mQuest for the Holy Grail of Cross-Platform Client DevelopmentMartin Cizler · ReactiveConf 2018
• 25mGoing NativeAnna Doubkova · ReactiveConf 2018
• 18mReact Native at Microsoft: A Journey of Strategic Adaptability and InnovationTommy Nguyen · App.js Conf 2024
• 28mCross-Platform ReactAnna Doubkova · ReactNext 2019
• 35mMigration Web (Angular) to Mobile Development (React Native)Artem Paliy · VinnytsiaJS 2018
• 07mFrom Native to React NativeGreg Ryzhov · React Day Berlin 2019
• 29mA practical approach to building truly native cross-platform applications at scaleSamrith Shankar · React India 2024
• 26mSkylight - Our app from past to presentAlex Lanclos · Chain React 2026