Blog by Jeevan

  SwiftUI continues to mature with every WWDC, and this year is no exception. At WWDC26, Apple introduced several improvements that make SwiftUI faster, more flexible, and easier to use across Apple platforms. Some updates are visual, while others solve long-standing pain points like image caching, compile-time performance, and custom interactions. Here are the 10 biggest SwiftUI updates from WWDC26 that every iOS developer should know. 1. Automatic Adoption of the New Liquid Glass Design Apps built with Xcode 27 automatically adopt Apple's refreshed Liquid Glass appearance. Apple has also introduced new APIs to better integrate with the updated design language: appearsActive environment value Prominent tabs Toolbar overflow menus Auto-minimizing navigation bars while scrolling The best part? Most apps require little or no code changes to benefit from the new appearance. 2. iPhone Apps Are Now Resizable SwiftUI now supports resizable iPhone apps, making layouts much more adaptable...

When building an iOS app, it's important to organize your code in a way that keeps things clean, testable, and easy to maintain. One of the best ways to do that is by combining MVVM (Model–View–ViewModel) with Clean Architecture . 1. Presentation Layer — The SwiftUI Frontline This is where your app interacts with the user . In SwiftUI, the View and ViewModel live in this layer. View (SwiftUI View): These are your UI screens — for example, ContentView , LoginView , or ProfileView . SwiftUI Views are simple and reactive. They observe data and automatically update the UI when something changes. struct ContentView: View { @StateObject var viewModel = ContentViewModel() var body: some View { VStack { if viewModel.isLoading { ProgressView() } else { List(viewModel.items) { item in Text(item.title) } } } .onAppear { viewModel.fetchItems() } ...

  When you start building apps in Swift or SwiftUI, you’ll often hear the term “Copy-on-Write” — or CoW for short. It sounds fancy, but the idea is actually very simple and smart. Let’s break it down. Swift uses value types like struct , Array , Dictionary , and String . Normally, when you copy a value type, you’d expect it to create a new copy in memory. But copying big data every time can be slow and wasteful. So Swift uses a trick called Copy-on-Write — it pretends to copy the data, but it doesn’t actually do it until you change something. var numbers = [1, 2, 3] var moreNumbers = numbers  // No real copy yet! moreNumbers.append(4)      // Now Swift makes a real copy here. At first, both variables share the same data. Only when you modify moreNumbers, Swift creates a separate copy so that the original numbers stays safe. This is how Swift gives you safe, independent data but still keeps things fast and memory-friendly. How It Connects to SwiftUI Now he...

If you’ve been building apps in Swift for a while, you’ve probably spent some time writing tests with  XCTest . It’s been the default testing framework on Apple platforms for years, and while it does the job, it often feels… a little clunky. Now enter Swift Testing — a newer, more modern testing framework that’s part of the Swift open-source project. The difference is immediately noticeable. Writing tests with Swift Testing feels like writing Swift code, not fighting a bunch of boilerplate. Here are some of the reasons why many developers are starting to prefer Swift Testing over XCTest: 1. The Syntax Just Flows Better In XCTest, you’re constantly reaching for XCTAssertEqual , XCTAssertTrue , XCTAssertNil , and so on. Each one has its own function, and you need to remember which is which. In Swift Testing, you simply use #expect with plain Swift expressions: #expect(result == 42) Compare that to: XCTAssertEqual(result, 42) Not a huge difference in one line, but when you multiply ...

 SwiftUI’s AsyncImage is handy, but every time your view appears, it refetches the image—leading to flicker, delays, and unnecessary network use. What if you could fetch once, then reuse instantly? That's exactly what the Cached Async Image  delivers: a memory-powered caching layer that keeps SwiftUI image loading smooth, snappy, and resilient. First a simple in-memory cache without disk persistence. This will be thread-safe and auto-purges under memory pressure. A Singleton wrapping NSCache for URL → UIImage caching as follows : final class ImageCache {   static let shared = ImageCache()   private init() {}   private let cache = NSCache<NSURL, UIImage>()   func image(for url: URL) -> UIImage? {     cache.object(forKey: url as NSURL)   }   func insertImage(_ image: UIImage?, for url: URL) {     guard let image else { return }     cache.setObject(image, forKey: url as NSURL)   }   func clearAll() { ...

Atomic Design is a methodology for creating design systems with a clear, consistent hierarchy. It was introduced by Brad Frost and is inspired by chemistry. The core idea is to break down UI components into the smallest possible parts (atoms) and compose them to build more complex components and pages. Atomic Design Hierarchy 1. Atoms 
The basic building blocks of UI — buttons, labels, text fields, icons, colors, spacing units.
Example: PrimaryButton, AppText, Icon 2. Molecules 
 Groupings of atoms that form simple components.
Example: SearchBar = TextField + Icon, LabeledSwitch 3. Organisms 
 Relatively complex, standalone components made of atoms and molecules.
Example: LoginForm, UserCard, HeaderView 4. Templates 
 Layouts or skeletons that define the structure of pages using organisms.
Example: AuthScreenTemplate, DashboardTemplate 5. Pages 
 Final screens with real data/content, composed of templates.
Example: LoginScreen, SettingsScreen. Here is how an example folders structure l...

This summary covers key updates from WWDC 2025 sessions to build a SwiftUI app with the new design. 1.  Liquid Glass Liquid Glass is a new adaptive material inspired by glass and liquid, dynamically changing based on the content underneath. This SwiftUI’s new design system brings a fluid, glassy look across platforms, with tab bars, toolbars, and navigation views adopting Liquid Glass automatically. UI elements like sliders, toggles, and pickers animate fluidly with the new material, enhancing interactivity. 2. Background Extension Effect The NavigationSplitView now features a floating Liquid Glass sidebar and allows for safe-area background extension using backgroundExtensionEffect . 3. Tabbar Minimize Behavior A new tab bar behavior enables it to float above contents and minimize on scroll with tabBarMinimizeBehavior , keeping content in focus. Developers can add bottom accessory views to the tab bar using tabViewBottomAccessory , which adapts to collapse states. 4. Sheets b...

SwiftUI empowers developers with powerful APIs to design user interfaces, making it easier than ever to create visually stunning screens that enhance the user experience (UX). Once these screens are crafted, the next step is to seamlessly connect them using navigation tools like NavigationView or NavigationStack . But here’s the catch: navigation logic can quickly spiral into a tangled mess as your app scales with more features and screens. The challenge lies in writing a clean, maintainable routing layer that keeps your codebase organized and easy to extend. To tackle this, adopting a dedicated routing layer is essential, especially when working with structured app architectures like VIPER or MVVM. In VIPER, routing plays a pivotal role as the "R" in the acronym. In MVVM, however, routing often takes a backseat in SwiftUI projects. This article introduces a simple yet effective approach to integrate a routing layer within SwiftUI, ensuring your app’s navigation logic rem...

Most common layouts usually contains scrolling elements. If your layout requirement matches below SwiftUI design template, you can quickly start with your screen design.  List View of SwiftUI also can achieve similar result. We can consider alternative approach all together. Result : Full Source code: struct MovieListView: View { var body: some View { NavigationView { ZStack { Color.black.edgesIgnoringSafeArea(.all) ScrollView { VStack(alignment: .leading) { Text( "Horizontal Cards" ).foregroundColor(.white).bold().padding() //Section 1 ScrollView(.horizontal) { HStack(spacing: 16) { MovieSmallCard() MovieSmallCard() MovieSmallCard() ...