DEV Community

Filip Němeček
Filip Němeček

Posted on

I re-built the Instagram profile detail Compositional Layout and Diffable to help folks learn

As an iOS developer I am very excited about relatively new technologies Compositional Layout and Diffable Data Sources. Thanks to these building UI similar to App Store or Netflix became way easier and less error prone.

I have previously written about these technologies in more an abstract way, focusing on the principles and how to use them.

Now I decided to try something very different and "re-built" the Instagram profile page.

My goal is to show newcomers to iOS development how to approach such task and how to step-by-step build the entire UI.

Here is the result side-by-side 😄

Instantgram comparisson

I have written detailed post and the entire code is available on GitHub. Check it out!

Feel free to ask me any questions 🙂

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more