react-cross-platform.github.io
Mobile WEB
https://shop.serga.name/
React Cross-Platform
Write once, render anywhere
iOS
Android
+ single GraphQL API (schema online demo here)
How React solves Cross-Platform?
- WEB — React
- Mobile apps — React + React Native
- Desktop apps — React + Electron
you even write once, render anywhere
- ReactXP (Microsoft’s Skype)
- or react-native-web (Twitter)
Smells like future front-end!
Note: if you write games - it's not your story, sorry
Why React? Mature matters!
Is React mature enough for WEB? Yes, the most.
Is Electron mature enough for Desktop? If you like VSCode, Atom, Slack or some of 385 apps and believe in GitHub (Microsoft) - Yes.
Is React Native mature enough for Mobile? If you like Facebook, Instagram, Skype, Airbnb, Walmart and other apps and believe in Facebook - Yes.
Who already use React this way?
- Build Wix app for 80 million users
- Skype (using ReactXP)
- Twitter (using react-native-web)
- Airbnb (using react-primitives)
Demo Tech Stack
- Front-End - react, react-native, redux, apollo-client. Written using TypeScript.
- Back-End - django, graphene, postgresql. Written using Python.
Fork me!
- Cross-platform ReactXP monorepo (WEB, iOS, Android) - reactxp-shop
- deprecated cause reactxp-shop:
- Mobile WEB only - react-shop
- iOS and Android only - react-native-shop
Sponsorship
BrowserStack
- live, web-based browser testing
Appetize
- cenative mobile apps in your browser
To Be Continued…