We present how we combined our internal React-based UI composition framework Rendering Engine with React Native in a brownfield integration approach that enables us to gradually modernise our...

Zalando Tech Blog is a platform where Zalando's engineering team shares insights, experiences, and best practices on technology and innovation. Covering topics such as software architecture, data science, and machine learning, Zalando's Tech Blog offers resources for developers and tech enthusiasts. Developers can learn about Zalando's engineering culture, projects, and technology stack through their blog posts and articles.

Zalando

Zalando migrated their mobile app to React Native using a brownfield integration approach. They built a custom framework called Rendering Engine that enables progressive adoption, shares code between web and mobile platforms, and maintains isolation from legacy native code. The architecture packages React Native as an npm module consumed by both a standalone developer app and native SDKs, allowing gradual screen migration while preserving existing capabilities. They use react-strict-dom for cross-platform UI components and StyleX for theming, successfully launching screens including their Discovery Feed.

Accelerating Mobile App development at Zalando with Rendering Engine and React Native

Enabling development & production readiness