UICollectionView From Scratch [1] - CollectionViewCell & Supplementary View

In this 3 part series we will learn how to implement UICollectionView from scratch using UICollectionViewFlowLayout and UICollectionViewDataSource.
1. Setting and configuring UICollectionViewFlowLayout to show grid based vertical layout with multiple sections.
2. Using UICollectionViewDataSource as the source of data to render in Collection View.
3. Building Self-Sizing CollectionView Cell and supplementary view with auto layout programatically. With Self-Sizing Cell, the app will supports Dynamic Font Type for accessibility.
4. Using Collection View performBatchUpdates to insert, remove, sections and indexPaths in single transaction using Swift 5.1 Collection Diffing API.
5. Using SwiftUI Live Preview on UIKit based UIView and UIViewController for rapid UI prototyping in Xcode.

GitHub Project Repository:
https://github.com/alfianlosari/Colle...

Timeline
00:00 Introduction
01:35 App Demo
02:30 What is CollectionView
03:55 Starter Project
07:05 CharacterCell Live Preview
10:00 Character Cell Views Setup
12:38 Character Cell Programmatic Auto Layout Constraints
14:45 Character Cell Live Preview Stub Data Injection
17:30 Render Character Cell in SwiftUI LazyVGrid
18:50 Supplementary Header View Implementation

Part 2:
   • UICollectionView From Scratch [2] - Flow L...  

Social Media:
Website: https://alfianlosari.com
GitHub: https://github.com/alfianlosari
Twitter:   / alfianlosari  
LinkedIn:   / alfianlosari  

Thank you for watching!
Subscribe at:    / xcodingwithalfian