/ServerDrivenUIExample

A simple example to show how to implement server driven UI in android

Primary LanguageKotlinGNU General Public License v3.0GPL-3.0

Server-Driven UI

Android application that shows how to draw your screen UI from a remote response and how to enable navigation through application screens.

Client-Driven UI vs Server-Driven UI

  • Client-Driven UI
    Our traditional way to get the data from backend and transform it to UI by the client (android - iOS - Web).
  • Server-Driven UI
    Is an emerging technique used by companies like Airbnb and Lyft that leverage the server to build the user interfaces of their mobile apps. Both UI and data come from the backend.
    The backend could control UI, the data displayed on the UI (title, subtitle and more) for each client (android - iOS - web), the actions that user can trigger, how to handle actions triggered by the user and more.

Key Terms

  • Design Language System (DLS)
    Set of reusable elements like a visual language, UI kit, front components, and various documentation. It helps designers to handle design at scale. It is like of series of elements that can be reused by an entire team.

Prerequisites

  • DataBinding
  • ViewModel
  • RxJava

How UI is drwan on the screen structure

project data flow structure

Libraies Used

References


Buy Me A Coffee