Learn SwiftUI: 24 Essential Tutorials for Beginners
Tags: swiftui, tutorial, beginners, ios
Published: 2022-01-27 17:28:12

## What is SwiftUI?

[SwiftUI](https://developer.apple.com/xcode/swiftui/) is a user interface toolkit that allows developers to design iOS apps declaratively. With SwiftUI, developers determine what they’d like their user interface to look like and how it should function, and SwiftUI makes it happen as users interact with it. [Declarative](https://ui.dev/imperative-vs-declarative-programming/) Swift syntax is easy for developers to read and natural to write. It also acts as a cross-platform user interface layer for iOS, [macOS](https://www.apple.com/macos/monterey/), [tvOS](https://developer.apple.com/tvos/), and [watchOS](https://www.apple.com/watchos/watchos-8/) — meaning you only have to learn one language and one layout framework to deploy your code anywhere. SwiftUI also works seamlessly with new [Xcode](https://developer.apple.com/xcode/) design tools to keep your code and design working in lockstep. 
 
While SwiftUI _is_ beginner-friendly, it's also packed with design and workflow tricks to help streamline the development of top-quality user interfaces and interactions. There are additional aids to help you throughout your development journey, too. By leveraging [APIs](https://getstream.io/chat/) and [SDKs](https://getstream.io/chat/sdk/swiftui/), you can bypass complex builds for elements of your app, like chat messaging. 

> **To make the most of the toolkit, we’ve rounded up 24 of the top SwiftUI tutorials to cover the basics, plus a bit more.**
 
## Basic Components of SwiftUI 

### Views and Controls

[Views and controls](https://developer.apple.com/documentation/swiftui/views-and-controls) are the visual building blocks of your iOS app’s user interface. Use them to present your app’s content on the screen and support user interactions. Views represent text, images, shapes, and custom [drawings and animations](https://developer.apple.com/documentation/swiftui/drawing-and-animation), while controls enable user interaction with consistent APIs that adapt to their platform and context. Developers can combine views to create stacks. They can also dynamically generate groups and lists of views, define view presentations, and [embed](https://developer.apple.com/documentation/swiftui/framework-integration) AppKit, UIKit, and WatchKit views and controllers into SwiftUI view hierarchies.

### Data and Events

As previously mentioned, SwiftUI takes a declarative approach to managing data. As you compose a view hierarchy, you also establish data dependencies for the views. When an external event or [user interaction](https://developer.apple.com/documentation/swiftui/gestures) occurs, SwiftUI automatically updates the affected parts of the interface. As a result, the framework automatically performs most of the work traditionally done by view controllers and helps you maintain a single source of truth for every piece of data in your app.

## SwiftUI Essentials from Apple

The best way to familiarize yourself with the essentials of SwiftUI is by going straight to the source. Apple’s introductory course is four chapters long and covers: 

- [SwiftUI Essentials](https://developer.apple.com/tutorials/SwiftUI#swiftui-essentials): Learn how to use SwiftUI to handle user input, compose rich views out of simple ones, set up data flow, and build out navigation infrastructure while watching it unfold in Xcode’s preview.

- [Drawing and Animation](https://developer.apple.com/tutorials/SwiftUI#drawing-and-animation): Learn how to draw shapes and paths to create a badge that you’ll animate and create seamless transitions.

- [App Design and Layout](https://developer.apple.com/tutorials/SwiftUI#app-design-and-layout): Learn how to work with UI controls and manage the structure and layout of more complex interfaces.

- [Framework Integration](https://developer.apple.com/tutorials/SwiftUI#framework-integration): Learn how to use SwiftUI views and view controllers from platform-specific UI frameworks and test your skills by creating a macOS or watchOS app. 

## Top SwiftUI Resources


### SwiftUI Tutorials from Apple

- [Creating and Combining Views](https://developer.apple.com/tutorials/swiftui/creating-and-combining-views) — Build your own Landmarks using stacks to combine and layer image and text components.
- [Working with UI Controls](https://developer.apple.com/tutorials/swiftui/working-with-ui-controls) — Learn how to give your app users control over their profiles by working with common data entry controls.
- [Handling User Input](https://developer.apple.com/tutorials/swiftui/handling-user-input) — Practice building a list that your app users can interact with and narrow it down to just their favorites. 
- [Building Lists and Navigation](https://developer.apple.com/tutorials/swiftui/building-lists-and-navigation) — Leverage Xcode to create dynamic lists that app users can scroll through.
- [Drawing Paths and Shapes](https://developer.apple.com/tutorials/swiftui/drawing-paths-and-shapes) — Practice combining paths and shapes to create badges for your app users. 
- [Animating Views and Transitions](https://developer.apple.com/tutorials/swiftui/animating-views-and-transitions) — Learn how to animate views within Landmarks.
- [Add Rich Graphics to Your SwiftUI App](https://developer.apple.com/videos/play/wwdc2021/10021/) — Familiarize yourself with safe areas while designing edge-to-edge graphics and experimenting with vibrancy, materials, backgrounds, and controls.
- [Composing Complex Interfaces](https://developer.apple.com/tutorials/swiftui/composing-complex-interfaces) — Learn how to shift the orientation of your lists and the way users can scroll through them. 
- [Interfacing with UIKit](https://developer.apple.com/tutorials/swiftui/interfacing-with-uikit) — Practice interacting with the existing UI frameworks Apple provides.

### Video Tutorials

- [SwiftUI Basics for Beginners](https://www.youtube.com/watch?v=IIDiqgdn2yo) — Learn the basics of this SwiftUI Framework by moving step-by-step through the development of a demo project.
- [SwiftUI Live: Building an App from Scratch](https://www.youtube.com/watch?v=SroTB1buuD0) — Build your very own SwiftUI app from scratch with this live tutorial. 

### Additional Resources

-  [UI Kit vs. SwiftUI](https://getstream.io/blog/uikit-vs-swiftui/) — Learn how to decide between SwiftUI and UIKit for your next iOS Xcode project.
- [100 Days of SwiftUI by Paul Hudson](https://www.hackingwithswift.com/100/swiftui) — Peruse this free collection of videos, tutorials, tests, and more to help you learn SwiftUI effectively.
- [Ultimate SwiftUI Cheat Sheet on Github](https://github.com/reverse-developer/SwiftUi-cheatsheet-GiSheet) — The beginner’s cheat sheet to everything SwiftUI to help you script the basics of your app.
- [SwiftOnTap – Complete SwiftUI Docs with Examples](https://swiftontap.com/) — SwiftUI documentation to fill the gaps within Apple’s resources. 
- [SwiftUI Examples for Designers](https://swiftui.design/examples) — Everything you need to know to design a visually stunning SwiftUI app.
- [SwiftUI Tutorials](https://blckbirds.com/swiftui-tutorials/) — A complete list of text-based tutorials for SwiftUI.
-  [Build a Chat App with SwiftUI](https://getstream.io/tutorials/swiftui-chat/) — Learn about Stream’s SwiftUI SDK by building an iOS chat app that is fully functional and customizable.

### SwiftUI Newsletters — Stay Up to Date!
- [SwiftUI Weekly](http://weekly.swiftwithmajid.com/) — Sign up to have a curated collection of links about SwiftUI delivered to your inbox every Monday, plus gain access to content from past emails.
- [Hacking with Swift](https://www.hackingwithswift.com/newsletter) — Register for a Swift newsletter that delivers news, tutorials, discounts, and more to your inbox for free.
- [iOS Goodies](https://ios-goodies.com/) — A recently retired newsletter that has published all of its past email content on this page for you to enjoy.

### SwiftUI Forums — Need More Help?
- [SwiftUI Reddit](https://www.reddit.com/r/SwiftUI/) — An online community forum for SwiftUI users to ask questions, provide suggestions, and discuss the framework.
- [SwiftUI Apple Developer Forum](https://developer.apple.com/forums/tags/swiftui) — Apple's developer forum for SwiftUI where users can ask for help troubleshooting certain aspects of the framework.
- [StackOverflow](https://stackoverflow.com/questions/tagged/swiftui) — A forum where users can ask questions and receive answers from other SwiftUI enthusiasts.

## Start Developing Your App with SwiftUI

Now that you know the basic components of SwiftUI and have the resources you need to get started, it’s time to begin developing your first SwiftUI app! In addition to the Apple tutorials, we’ve listed 24 supplemental videos, cheat sheets, and websites above that contain all of the information you’ll need during your development process and ways to stay connected to industry news long after.