SwiftUI Bootcamp

SwiftUI is a declarative framework for building Apple platform interfaces. This section follows the beginner bootcamp path from Xcode basics through layout, state, navigation, forms, animations, and modern SwiftUI APIs.

These pages are original Swift Rivals study notes for iOS developers. Each lesson includes a focused explanation, a Swift example, common mistakes, and practice ideas.

How To Study This Section

1. Start with the lesson overview and key takeaways.
2. Read the Swift Rivals explanation to reinforce the concept.
3. Type the example by hand instead of copying it.
4. Complete at least one practice idea before moving on.

References

• SwiftUI resources on Swift Rivals

Lessons

• 0. Learn SwiftUI
• 1. How to use Xcode in SwiftUI project
• 2. Adding Text in SwiftUI
• 3. Creating Shapes in SwiftUI
• 4. Color, UIColor, Color Literals, and Hex Colors in SwiftUI
• 5. Linear, Radial, and Angular Gradients in SwiftUI
• 6. System Icons, Multi-Color Icons, and SF Symbols in SwiftUI
• 7. Adding images to a SwiftUI application
• 8. Frames and Alignments in SwiftUI
• 9. Backgrounds and Overlays in SwiftUI
• 10. VStack, HStack, and ZStack in SwiftUI
• 11. Adding Padding in SwiftUI View
• 12. How to use Spacer in SwiftUI
• 13. How to use inits and enums in SwiftUI
• 14. How to use ForEach loops in SwiftUI
• 15. Implementing a ScrollView in SwiftUI
• 16. LazyVGrid, LazyHGrid, and GridItems in SwiftUI
• 17. How to use and ignore the Safe Area in SwiftUI
• 18. How to add Buttons to SwiftUI application
• 19. How to use @State property wrapper in SwiftUI
• 20. Extracting functions and subviews in SwiftUI
• 21. How to Extract Subviews in SwiftUI
• 22. How to use @Binding property wrapper in SwiftUI
• 23. How to use if-else and conditional statements in SwiftUI
• 24. How to use Ternary Operators in SwiftUI
• 25. Adding Animations in SwiftUI
• 26. Animation Curves and Animation Timing in SwiftUI
• 27. How to use Transition in SwiftUI
• 28. Display pop-up Sheets and FullScreenCovers in SwiftUI
• 29. Using Sheets, Transitions, and Offsets to create a popover in SwiftUI
• 30. How to use NavigationView and NavigationLink in SwiftUI
• 31. Add, edit, move, and delete items in a List in SwiftUI
• 32. How to show Alerts in SwiftUI app
• 33. How to make a reusable ActionSheet in SwiftUI
• 34. How to use ContextMenu in SwiftUI
• 35. How to use TextField in SwiftUI
• 36. How to use TextEditor in SwiftUI
• 37. How to use a Toggle to create a Switch in SwiftUI
• 38. Picker and PickerStyles in SwiftUI
• 39. How to use ColorPicker in SwiftUI
• 40. How to use DatePicker to select dates in SwiftUI
• 41. Create a Stepper in SwiftUI
• 42. How to use Slider in SwiftUI
• 43. Create a tab bar with TabView and PageTabViewStyle in SwiftUI
• 44. Adapt for Dark Mode in SwiftUI project
• 45. Adding markups and documentation to Swift in Xcode
• 46. How to use onAppear and onDisappear in SwiftUI
• 47. How to safely unwrap optionals in Swift with if-let and guard statements
• 48. How to add a Tap Gesture in SwiftUI
• 49. How to create custom models in SwiftUI
• 50. How to use @ObservableObject and @StateObject in SwiftUI
• 51. How to use @EnvironmentObject in SwiftUI
• 52. How to use @AppStorage in SwiftUI
• 53. Manage user onboarding with @AppStorage and Transitions in SwiftUI
• 54. Async Image in iOS 15 for SwiftUI
• 55. System Materials and Backgrounds in iOS 15 for SwiftUI
• 56. How to select text with TextSelection in SwiftUI
• 57. Button styles, border shapes, and control sizes in SwiftUI on iOS 15
• 58. Add custom List Swipe Actions in SwiftUI
• 59. How to add Badges to SwiftUI TabView and List in iOS 15
• 60. How to use @FocusState in SwiftUI
• 61. Customizing Keyboard submit button in SwiftUI
• 62. How to use NavigationStack in SwiftUI
• 63. How to use Toolbar in SwiftUI
• 64. How to create resizable sheets in SwiftUI
• 65. How to use SafeAreaInsets in SwiftUI
• 66. How to use Group in SwiftUI
• 67. How to use animation with value in SwiftUI (iOS 16+)
• 68. How to use Menu in SwiftUI
• 69. How to use Popover modifier in SwiftUI
• 70. How to use AnyLayout in SwiftUI
• 71. How to use ViewThatFits in SwiftUI
• 72. How to use NavigationSplitView in SwiftUI
• 73. How to use Grid in SwiftUI
• 74. How to use ContentUnavailableView in SwiftUI
• 75. How to use ControlGroup in SwiftUI
• 76. How to use @Observable Macro in SwiftUI

Last updated: June 27, 2026