Yelp's engineering team explains how they extended their CHAOS server-driven UI framework to integrate with Cookbook, their cross-platform design system, using an auto-generated bridge library called Konbini. A single JSON interface definition for each component automatically generates four platform-specific libraries (Python for backend, Kotlin for Android, Swift for iOS, TypeScript/React for Web), ensuring consistent serialization and deserialization across all clients. The post covers how tokens (colors, icons, etc.) are handled, and how a versioning and migration system ensures backward compatibility when component interfaces change — allowing older app versions to continue working as components evolve.

11m read timeFrom engineeringblog.yelp.com
Post cover image
Table of contents
Introduction to CookbookWhy Konbini?What is Konbini?Serialization and deserialization in KonbiniHandling static resourcesBackward compatibility & versioningQuick recapMore CHAOS?Acknowledgements

Sort: