SwiftUI — You got this! Learn to build your first app — Part 1 of 3

SwiftUI is Apple’s new framework for making user interfaces. If you have ever built a web application using a declarative framework like React or Vue.js, you will feel right at home using SwiftUI. If not, you’re welcome too. This is part 1 of a 3 part series to teach you the basics of building an app to target iPhones and iPads. Read and follow along for some of the tips I’ve learned adopting SwiftUI for making apps.

In part 1, we will go over the basics to get your environment set up to build your first app. We will build our UI using SwiftUI for a music app. You need an Apple Developer account to create apps on the Apple ecosystem. Apple explains how to set up an account better than I can; go to the Apple Developer Program for details on how to get an account. Once you have an account, continue with this tutorial.

Apple released SwiftUI during WWDC19, and there are some really good videos from the conference that you can watch to get Apple’s viewpoint on how to use their newest framework. For my series here, you benefit from my interpretations on how to build with SwiftUI. I have included all of the source files in a github repo that you can can clone and use to follow along. There will be 2 folders for each part of the series: 1) for the base project to code along with me and 2) the completed project…