Overview
Explore the journey of re-platforming separate web and iOS apps into a single codebase using React and React Native at Sportsbet. Learn about the ambitious project's goals, the team's approach to maximizing code reuse, and their solution for scaling to accommodate rapid team growth. Discover how they addressed divergent web and native UX, focusing on navigation, routing, and animations. Gain insights into the sociological challenges faced, including convincing Objective-C developers to write JavaScript and managing a complex cross-platform build, testing, and deployment process. Walk away with a deeper understanding of cross-platform React codebases' strengths and weaknesses, strategies for structuring code to balance reusability and platform-specific needs, and techniques for maintaining developer productivity as the codebase expands.
Syllabus
Introduction
Outline
The apps
Native iOS app
Container presenter pattern
Container component
Crossplatform potential
Styling
Animation
Animation on iOS
Navigation
Linking
Escape Hatch
Summary
Build tooling
Branching out
Wrap up
Questions
Taught by
NDC Conferences