React Native Everywhere!
summary
Guild targets 95+% shared code across platforms by building a custom Mondrian system that implements Mondrian stack and grid primitives (gap-driven layout, composable rows/columns) to get responsive UIs without CSS. Native-base is noted as the better ready-made option, but navigation evolves: initial choice is react-navigation for native gestures despite web issues, then a rewrite to react-native-url-router with Software Mansion collaboration removes more code, makes the app snappier, and keeps Guild beta focused on web-first cross-platform readiness.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 0:28React Native Everywhere
- 2:29Maximizing Code Sharing
- 4:08Responsive Design Challenges
- 6:27Building a UI System
- 9:04NativeBase vs Mondrian
- 10:09Cross-Platform Navigation
- 12:26Choosing a Router
- 14:03URL Router Collaboration
- 17:33Conclusion and Community
related talks
01h 01mReact Native: A Better Way to Do Mobile
28mCross-Platform React
46mReact Native for Web Panel Discussion
35mReact Native & Rails, A Single Codebase for Web & Mobile
28mWait, you’re shipping React Native to the web?!
27mBuilding high quality mobile apps with React Native
25mGoing Native
39mReact Native - Unleash the power of React in your device