
Learn to return a JSON template from the server that represents a screen as a components array, starting with a featured image and its URL, enabling cross-platform rendering.
Create and decode user interface models to map the server json template into a screen model and component model, enabling decoding of a featured image component.
Implement a pet list view model that fetches data from the web service, maps it to a screen model, builds components (including featured image), and publishes updates to the UI.
Explore implementing navigation with a lightweight navigator, trigger actions from server data, and navigate from a carousel to a detail view with payloads.
Pass the pet id as a parameter to the pet detail screen by restructuring carousel items into id and image url objects, enabling server-driven data fetching.
Implement a pet detail endpoint that returns a pet's image, description, and rating by id via a get request. Assemble a model with image, text, and rating components from data.
Learn to render lists and rows with server driven UI by returning a list template in JSON, enabling push navigation to detail screens and JSON decoding in iOS.
design a server driven ui by creating a generic item model with id, title, subtitle, image, and description, and map it to a ui model for list rows.
Implement list and row components for a server driven UI in iOS, using the list UI model to render rules with optional image, subtitle, and description, and enable push navigation.
Learn server driven ui navigation by wiring the navigator to pass a ui model payload to a detail screen and render layouts controlled by json.
What if there is a way to update the user interface of your app instantly, without having to submit a new version?
Companies like Airbnb, Spotify, Flipkart, Swiggy and several others use a technique called Server Driven UI, which allows them to remotely update their user interfaces based on the response received from the server. This allows them to bypass the review process and keep their apps sync on multiple platforms.
In this course, you are going to learn how to get started with building a server driven UI in iOS. You will learn the advantages and disadvantages of the approach and how to architect server driven UI apps. By the end of this course, you will have enough information to start building server driven UI for your applications.
Let’s check out the contents of the course:
Understanding Server Driven UI
In this section you will learn the concepts behind server driven UI and how it is different from basic API responses. You will also learn the benefits of using server driven UI. Finally, you will learn about the architecture of server driven UI apps and how it is different from creating default iOS applications.
Setting Up Server
In this section, you will learn how to set up your own custom server, which will return the JSON responses to the iOS app. You will learn how to implement a basic server using Node and Express. You will also learn about implementing a JSON template, which will be responsible for constructing the user interface for your application.
UIModels, Components and Displaying Views
In this section, you will learn how to create UI models for your app. The UI models will be responsible for holding the decoded data from the JSON response. You will also learn how to create components for your app, which will be responsible for displaying views on the screen.
Navigation and Actions
In this section, you will learn how to implement actions for your app. You will mainly learn about the navigation action, which allows the user to navigate to different screens. You will also learn how to create a dynamic navigation engine, which can be controlled from the server.
Implementing and Displaying Lists
In this section, you will learn how to implement list components using server driven UI. You will learn how to accommodate lists through your JSON template and how to render rows based on the provided data from the server.
Who is this course for?
Developers interested in learning about a new way of building dynamic iOS applications.
Developers who are interested in releasing their apps on multiple platforms instantly.
Developers who want to move to the senior role by learning advanced techniques for app development.
I had so much fun in creating this course, I consider this to be one of my best courses. Thank you so much for your continuous support. Hope you enjoy the course.
Thank you so much for your continuous support. I hope you enjoy the course and when you publish your iOS app, implemented using the principles of server driven UI then contact me with a link to your app. I would be more than happy to download your app.
Thanks,
Azam