Build fluid and engaging declarative UI for your apps — using less code — with SwiftUI!
SwiftUI by Tutorials is designed to help you learn how to transition from the “old way” of building your app UI with UIKit, to the “new way” of building responsive UI with modern declarative syntax with SwiftUI. This book is for readers who are comfortable building Swift apps, and want to make the exciting leap into building their app UI with modern, declarative code.
What is SwiftUI?
SwiftUI lets you build better apps, faster, and with less code. It’s a developer’s dream come true! With SwiftUI, you can design your user interfaces in a declarative way; instead of developing app interfaces in an imperative way, by coding all of the application state logic before time, you can instead define what your app’s UI should do in a particular state and let the underlying OS figure out how to do it. What’s more is that SwiftUI lets you build modern, responsive UI and animations for all Apple devices — not just iOS. So whether you’re building apps for iOS, watchOS, tvOS or any other Apple platform, you can use the same concise, natural language to describe your UI and have it look stunning — no matter where your code runs. In addition, SwiftUI’s built-in automatic support for things such as dark mode, localization and accessibility, along with Xcode 11 support for drag-and-drop design and instant preview makes it easier to build apps than ever before.
How is this book different than SwiftUI Apprentice?
Our other book on getting started with SwiftUI, SwiftUI Apprentice, is designed to teach new developers how to build iOS apps, using a SwiftUI-first approach. The goal of that book is to teach you fundamental development practices as you build out some fully-functional and great-looking apps! This book, SwiftUI by Tutorials, is designed for developers who have a solid background in iOS development, and are looking to make the leap from building apps with UIKit, to building apps with SwiftUI.
Before You Begin
This section tells you a few things you need to know before you get started, such as what you’ll need for hardware and software, where to find the project files for this book, and more.
What You Need
FreeDedications
FreeAbout the Team
FreeSection I: Diving Into SwiftUI
Start your SwiftUI journey with the foundations you need.
Introduction
FreeIn this chapter, you'll get an overview of the book as a whole, as well as the apps you will be building as you learn the fundamentals of SwiftUI!
1Getting Started
FreeGet started with SwiftUI! Learn about the basic terminology, and discover the power of building your interface directly in the preview canvas. Check how SwiftUI makes declarative development easy and straightforward, and how you can drag and drop as you used to do with storyboards.
2SwiftUI's declarative style makes it easy to implement eye-catching designs. You can create reusable modifiers to unify your design. In this chapter, you'll implement a neumorphic Figma design for RGBullsEye.
3Testing & Debugging
FreeWe all know how important testing is in modern application development. See how to apply UI Testing to your SwiftUI apps in this very simple, yet powerful course.
4Section II: Building Blocks of SwiftUI
Build on what you have learned in Section I to begin using SwiftUI in more complex and advanced apps.
Learn how to add and configure different SwiftUI controls within your apps. Discover modifiers in a practical way and how they can be shared across controls or used individually. Get an introduction to container views and how to use them with SwiftUI.
5Learn about some of the main and most used controls in user interfaces such as TextFields, Buttons, Toggles, Sliders and Steppers, and how to use them with SwiftUI.
6Learn the powerful capabilities of vertical and horizontal stacks. See how easy it is to apply them to your app layout and to nest them to generate almost any possible combination. Stacks are back stronger than before and will for sure become a game-changer in SwiftUI.
7Section III: State & Data Flow
Learn how your user interface reacts to data flow and state changes.
Learn how to bind data to the UI, develop reactive updates of the UI through state management, and in-depth usage of the attributes related to SwiftUI.
8Learn how to bind data to the UI, about reactive updates to the UI through state management, and in-depth usage of the attributes related to SwiftUI.
9In this chapter, you will expand your knowledge by learning more advanced input controls like calendar and color pickers. You will also get to know how to persist the information with an overview of App Storage.
10Learn how to trigger updates on the interface, including how to easily test a SwiftUI interface, how to manage the flow of screens throughout a complex app, and how to deal with gestures, including the development of a custom gesture.
11Learn how to navigate your app with VoiceOver on an iOS device and use the SwiftUI Accessibility API attributes to improve your app's accessible UI. You'll add labels that provide context for UI elements and improve VoiceOver information by reordering, combining or ignoring child elements.
12Section IV: Navigation & Data Display
Move through your app screens with SwiftUI and discover how to display data in them.
You will learn about different methods of allowing your user to navigate between views in your app, creating a navigation hierarchy, and using tabbed navigation to display information.
13Displaying lists of data is a must in almost any app. Here you will learn how to deal with all sorts of lists to get the best out of them.
14This chapter shows you additional features available for lists introduced in SwiftUI 3.0.
15In this chapter, you'll explore the new grid functionality in SwiftUI and use it to create more flexible and complex layouts with less effort than using stacks.
16Sometimes you might need to show (or not) a view depending on certain conditions. Think of an alert message, for example. You can use them to focus the users' attention and request immediate feedback from them.
17Section V: UI Extensions
Push forward your SwiftUI knowledge with complex interfaces implementing animations and custom graphics.
Learn how to draw with the use of paths, shapes and geometry. Follow along to design your own elements.
18Learn the basic concepts for animating views using SwiftUI. Learn how to apply animations to view transitions, how to animate state changes, and how to combine and chain those animations.
19In this chapter, you will learn how to develop more complex interfaces. Get out of your comfort zone and dive into more advanced concepts that will allow you to generate almost any UI you can imagine. You’ll learn the limitations you may find while developing advanced SwiftUI interfaces.
20Section VI: SwiftUI for macOS
Learn how to implement all you know of SwiftUI in macOS desktop applications.
Learn how to create a document-based Mac app. Understand how to handle different file types and how to use a variety of standard Mac UI elements.
21Start with an existing iOS app and learn how to re-use code, views and assets for creating a macOS app. Find out what works as is, and what you need to change for the Mac.
22Meet the team
Who is this book for
This book is for intermediate iOS developers who already know the basics of iOS, and who wish to know everything there is to know about SwiftUI. It starts with a basic introduction of the toolkit and its features, with later chapters teaching you more complex concepts like testing and animations.
Concepts covered in this book
Reviews
Version history
Fourth Edition · iOS 15, macOS 12, Swift 5.5, Xcode 13.1
Third Edition · iOS 14, Swift 5.3, Xcode 12
Second Edition · iOS 13, Swift 5.2, Xcode 11
SwiftUI by Tutorials
Build fluid and engaging declarative UI for your apps with way less coding with SwiftUI! SwiftUI by Tutorials, the complete guide to building fluid and engaging declarative UI for your apps — using less code — with SwiftUI, is now fully updated!