Displaying Pet Details | AzamSharp School

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Introduction to Server Driven UI in iOS, Swift & SwiftUI

Introduction

Prerequisites (2:12)
Private Slack Channel
Quarterly Live Q&A Sessions
Where did you hear about this course?
Refer a friend program

Understanding Server Driven UI

What is Server Driven UI? (4:42)
Benefits of Server Driven UI (3:34)
Understanding the Core Architecture of Server Driven UI (1:44)

Pets - Setting Up Server

What we will be building? (3:12)
Creating Your First Node/Express Project (7:42)
Returning JSON Template from the Server (6:26)
Implementing Webservice (7:31)

Pets - UIModels, Components and Displaying Views

Implementing ScreenModel and ComponentModel (6:49)
Creating FeaturedImage Component and FeatureImageView (9:00)
Implementing PetListViewModel (11:01)
Displaying View on the Screen (6:20)

Pets - Adding Components and JSON Decodable Type

Implementing LocalFile Service to Consume JSON (16:04)
Understanding the Current Decoding Problem (4:22)
Implementing JSON Type (13:14)
Integrating JSON Type with the App (5:36)
Adding Carousel Component and View (11:29)

Pets - Navigation and Actions

What are Actions? (2:17)
Implementing Action, ActionType and Route (4:44)
Implementing Light Weight Navigation Engine (6:47)
Performing Navigation Using Navigator (5:09)
Passing Payload Using Navigator to Destination (5:19)
Passing Pet ID as a Parameter to Pet Detail Screen (7:38)

Pets - Displaying Details

Updating uniqueId to a UUID (3:46)
Hosting JSON on the Server (7:21)
Implementing Pet Detail End Point (7:33)
Displaying Pet Details (11:32)
Displaying Text Row (5:19)
Displaying Rating Row (7:58)

Pets - Lists

Updating Server to Support List and Row Types (4:10)
Implementing List and Row Models (7:07)
Implementing List and Row Components (11:28)
Navigating to Pet Details (6:24)
Ignoring Missing Components (6:05)

Conclusion

Resources
Starter Project for ReactJS Server Driven UI Project
Next Steps (0:40)
Earn with us

Teach online with

Displaying Pet Details

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock