Published on <a href="https://blog.prototypr.io/architecting-ios-development-at-zomato-cf894a7fa5e3?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Arpit Agarwal <img alt="" src="https://cdn-images-1.medium.com/max/800/0*HISiiueud_u0jNaW.gif">Animated this for my love of building blocks (and Tetris)
<h4>Based on how we do at Zomato for 10+ apps and millions of users</h4>
<blockquote>You might not think that programmers are artists, but programming is an extremely creative profession. It’s logic-based creativity. — John Romero</blockquote>
When I joined Zomato, our iOS team was young. We were quickly expanding from a single app to multiple apps for customers and restaurant owners. In addition to this, we started developing another app for food ordering in parallel.
The restaurant discovery app of Zomato encompasses the online ordering product, along with a lot more features. To keep up with the pace of the business, we started duplicating code between multiple apps.
Eventually, features started breaking, development time increased, and poor repetitive code led to a frustrated team. A bad place to be in.
<h3>Challenge</h3>
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*6FxlDdlL8Gvkst6d.png">Clutter is non-essential. In code and in life.
Our code could no longer live as a whole. We had to do something to break it down and make it more manageable.
Our vision was to have a development system where a change in a single pixel would cascade to the whole picture within seconds.
<blockquote>The challenge : To create kits that could be shared between multiple apps.</blockquote>
<h3>The Solution</h3>
We started dividing the main restaurant discovery app into kits. Some core kits are: UI, Commons, Networking, Models, Controls.
These kits would be independent but smoothly work with each other. For example, a use case is to change the primary colour of all iOS apps from one place.
<blockquote>Tip : Well-built, reusable kits will save time and development cost.</blockquote>
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*zSCFuBO_gQ0JA_Bp.png">Some common kits to start structuring your apps
We also started creating an internal UI Kit app to showcase all the components within the organisation. Today, the Zomato iOS UI Kit powers the user interface of all products — restaurant discovery, online ordering, business apps, and more. It helps millions of users, restaurant owners, and of course our development team.
Since we supported iOS7 then, we had to create static libraries for each kit. For later iOS versions, Apple introduced dynamic frameworks with better memory management.
<blockquote>Tip: Use an XCode workspace with multiple projects. Each project can be a kit. This way, each kit will have independent code but still work smoothly with other kits. These projects can be used between multiple apps.</blockquote>
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*y5YOIyOto3guttpn.png">We use these modular kits to build the best experience for our users and structure our massive code.
<h3>Finer details 👾</h3>
<ul>
<li>What about versioning for kits? Can we use subtrees in Git for these kits? Subtrees provide better code semantically, but we found them to be buggy. Plus they complicated things for our newer team members, so we decided to not use them.</li>
<li>What works for us is to store repositories locally within the same hierarchy and have separate GitHub repositories for each of them. To keep the code in sync, we use the same branch name. For important release versions, we use Git tags.</li>
</ul>
<img alt="" src="https://cdn-images-1.medium.com/max/530/0*MJ5ctBYmPrQ2jOTf.png">Our app kits stored locally. These are XCode projects are in the same hierarchy and used together in a single XCode workspace. To keep them in sync, we use the same branch names.
<ul>
<li>What if a kit needs app-specific code? Here’s the awesome part, there is a configuration and an initialiser layer to each kit. These layers are initialised during the app initialisation and data is passed from the app core to these kits during runtime. This is somewhat similar to UITableViewDataSource where it expects data from the controller. Here the main app can be considered a view controller and the kit can be considered a table view that demands its configuration through a data source.</li>
</ul>
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*8nvMPstO4oVZSuvV.PNG">
<ul>
<li>When do we add a component to an app kit? If a component needs to be shared between multiple apps, it is added to the relevant kit and reused. We have a serious policy of NOT copying code between multiple apps now. Super modular and a single source of control.</li>
</ul>
<blockquote>Tip : Single sources of control in your application are very important for modularity.</blockquote>
<h3>Learnings and Impact</h3>
By moving the app to kits, our team ended up essentially creating iOS “stationery”. Our development time sped up by almost 5X. We now kick off new apps in a single day with the help of all of this shared code.
These apps look and feel similar, and function well for over millions of users.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*C_l_NUBbAVesAgOd.png">
These modular kits power all our main consumer-facing, merchant-facing, and internal iOS applications. We also used this architecture to ship 200+ white label apps for individual restaurants seamlessly. (The system is a completely different story of automation)
<blockquote>And most importantly, it’s less stressful for our single-digit team to manage millions of users! 😎</blockquote>
Be modular and win 🏆
Thanks for reading. Hope it helps you!
👀 Do you like animated loops? I posted some here, check them out —
<a href="https://dribbble.com/arpitagarwal">Arpit Agarwal</a>
👏👏 Enjoyed reading this? Press the Clap button to help this story grow.
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=cf894a7fa5e3" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/architecting-ios-development-at-zomato-cf894a7fa5e3">How to modularise your iOS apps into well managed building blocks</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

How to modularise your iOS apps into well managed building blocks

Based on how we do at Zomato for 10+ apps and mi…

Top Stories