ByteCast #7 - 3 Columns SwiftUI Split View | iOS | macOS | visionOS
In this video, we’re going to implement 3 column navigation Split View using a news app as the example.
Xcoding with Alfian
SwiftUI, iOS, macOS, visionOS, watchOS, tvOS development articles, videos & tutorials from Alfian Losari
Latest posts
ByteCast #6 - Caching Network Request | Swift Actor & Task | NSCache
In this video, we’re going to implement a caching for network request. This is very suitable If your app doesn’t need to display data that changes frequently such as news, recent stock prices, transaction histories, etc.
ByteCast #5 - Generic Cache + Expiration Timestamp | NSCache | Swift
In this 5th episode, we’re going to create a generic Swift Cache that can be used to cache value for any Swift type with optional date expiration timestamp support. We will be using NSCache, which is an in-memory based cache Apple provides to temporarily store key and value pairs that are subject to eviction when system’s memory is low.
ByteCast #4 - SwiftUI Task Modifier Lifecycle Handling
In this 4th episode, we’re going to learn on how to use SwiftUI Task Modifier to fetch data from remote API in SwiftUI. We will be focusing on the lifecycle of the task modifier such as fetching the data before the view appears and refreshing the data when a specified value changes.
ByteCast #3 - SwiftUI Network Status Monitor | NWPathMonitor
In this 3rd episode, we’re going to implement network monitor to detect Network Reachability status using Apple native NWPathMonitor. We will then create a SwiftUI modifier to display network status as banner on top of any view.
ByteCast #2 - Thread Safe GCD Property Wrapper | Swift
In this 2nd episode, I’m going to show you how to handle data race in your app. This happens when multiple threads read and update a property at the same time without synchronization, causing data corruption in memory and the heap, which can lead to crashes.
ByteCast #1 - Search with Debounce in SwiftUI | @Observable | Combine
In this 1st ByteCast episode, I’m going to show you on how to implement search from remote API using Combine debounce with observable macro in SwiftUI
Video - Build an AI Assistant Expense Tracker SwiftUI App | Part 3 | AI Receipt Scanner | ChatGPT-4o Vision
This is the third part of a series where we will add an AI Receipt Scanner to the Expense Tracker App which will make easier for users to add expenses from a receipt image. It uses GPT-4o Vision under the hood for analyzing the receipt image.
Video - Build an AI Assistant Expense Tracker SwiftUI App | Part 2 | iOS/iPadOS | macOS | visionOS | ChatGPT Function Calling
This is the second part of a series where we will add AI Expense Tracker Assistant Chat Capability using ChatGPT Function Calling
Video - Build an AI Assistant Expense Tracker SwiftUI App | Part 1 | iOS/iPadOS | macOS | visionOS | ChatGPT
This is the first part of a new series where we will build an AI Assistant Expense Tracker SwiftUI App from scratch!
Video - Secure API Key in Front End App using Proxy Server & User Authentication
In this video, we’re going to learn how to secure public API Key for third party providers from iOS or any front-end clients.
Video - Build Swift Windows News App with WinSDK | WinUI | Swift-WinRT
In this video, we're going to build a modern Windows App using Swift and Microsoft WinSDK, WinUI, WinRT
Video Tutorial - Build GPT-4 Vision & DALL·E 3 AI Sticker Generator iOS App | SwiftUI
In this video, we're going to build AI Sticker Generator App using GPT-4 with Vision & DALL·E 3
Video Tutorial - Build an AI Voice Assistant SwiftUI App | OpenAI GPT4, Whisper, & TTS API | iOS, macOS, & visionOS
In this video, we're going to build an AI Voice Assistant SwiftUI App using OpenAI latest GPT4 LLM model, Whisper API to convert speech to text, and TTS API to convert response text to speech.
Video Tutorial - Build DALL·E 3 AI WhatsApp Sticker Generator SwiftUI App | iOS 17
In this video, we're going to build an AI WhatsApp Sticker Generator SwiftUI App using OpenAI new DALL·E 3 API!
Video Tutorial - Build WhatsApp Sticker Maker iOS App with Vision Subject Lifting API | Bakground Removal
In this video, we’re going to build WhatsApp Sticker Maker App by using the new iOS 17 Vision Subject Lifting API
Video Tutorial - Build an Air Quality Index App with SwiftUI Map & Google AQI API | iOS 17
In this video, we're going to build an AirQuality Index iOS App that shows air quality conditions around a given location in a Map using SwiftUI & Google AQI API
Video Tutorial - Generate Swift OpenAI Client using OpenAPI Generator | Build AI Text to Image iOS App | DALL-E
In this video, we're going to learn on how to use Swift Open API Generator Plugin to generate OpenAI Swift Client based on openAPI YAML Specs file. We'll build Text2Image iOS App using Generated OpenAI Swift Client to interact with DALL-E API
Video - Add USDZ LiDAR Object Capture to Inventory Tracker SwiftUI App | iOS | visionOS
In this video, we will add a USDZ Scanner where the user can capture a real life object and transform it into a USDZ directly from the App using Photogrammetry to the Inventory Tracker App
Video - Build visionOS & iOS AR Realtime Inventory App | SwiftUI | RealityKit | Firebase
In this video, we’re going to build visionOS & iOS AR Inventory Tracker SwiftUI App! It’s an App where users can manage their items with seamless Augmented Reality integration!
Video - Build a visionOS Realtime Live Polls App | Multi Window | Apple Vision Pro | Firestore
In this video, we're going to build visionOS Live Polls Realtime Multi Window App where users can create a poll with multiple options, share, and vote in realtime.
Video - Build a Live Activity Realtime Polls App with Firebase & APNS Push Token | SwiftUI | iOS 17
In this video, we're going to build Live Polls App where users can create a poll with multiple options, share, and vote in realtime. We'll add support for push token based LiveActivity as well!
Video - Build a visionOS Football Stats SwiftUI App | Apple Vision Pro
In this video, we're going to build a full VisionOS SwiftUI App from Scratch. A Football Stats App that displays latest standings table and top scorers from best competitions around the world such as EPL, Serie A, La Liga, Bundesliga, Ligue1, and many more!
Video - SwiftData | Add CloudKit Sync to Notes SwiftUI App
In this video, we're going to add CloudKit Syncing to the SwiftData Notes App that we have built in previous video.
Video - Interactive Widgets - Add Shuffle News App Intent to Widget | WidgetKit | iOS 17
In this video, we're going to add interactivity to a News Widget using the new iOS 17 WidgetKit & App Intent integration
Video - SwiftData - Build a Note App with Many to Many Relationship Schema & Custom Query
In this video, we're going to learn and experiment with SwiftData by building a note App with many to many relationship schema and query with custom Predicate, SortOrder, and Orderby
Video - Add PaLM2 Chatbot to ChatGPT SwiftUI App & Multi LLM Providers Support | iOS, macOS, watchOS, tvOS
In this video, we will be adding PaLM Chatbot using Google Generative AI SDK and support for Multi LLM Providers so users can select select ChatGPT or PaLM API as the LLM Chatbot
Video - Add ChatGPT SwiftUI App Stream Cancellation | Swift Task Concurrency
In this video, we're going to add Cancel Streaming Response to the ChatGPT iOS App using Swift Task Concurrency Cancellation. This is a continuation of the previous tutorials in "Build SwiftUI ChatGPT series"
Video Tutorial - Add Markdown & Code Syntax Highlighting to ChatGPT iOS SwiftUI App
In this video we’re going to add support for Markdown Rendering & Code Syntax Highlighting to the ChatGPT iOS SwiftUI App.
Video - Build ChatGPT Tokenizer SwiftUI App | Calculate ChatGPT API Cost
In this video, we’ll build the GPT Tokenizer SwiftUI app which can as a tool to calculate tokens count within a piece of text. We can use the result to calculate prompt usage cost before making request to the API
Video - Introducing XCA ChatGPT Web App | xcachatgpt.com | Flutter
Introducing XCA ChatGPT, a Flutter based Web App that you can use to interact with OpenAI ChatGPT Official API using your own API Key.
Video Tutorial - Build Swift ChatGPT API Client for Linux And CLI App
In this video, we're going to update ChatGPT Swift API to add Linux support and build a simple CLI App.
Video Tutorial - Build ChatGPT Turbo Swift API | OpenAI Public API | SwiftUI Apps Integration
In this video, we're going to update ChatGPT Swift API to the official OpenAI ChatGPT API Endpoint.
Video Tutorial - Build a SwiftUI ChatGPT tvOS App with OpenAI ChatGPT API
In this video, we're going to build ChatGPT based tvOS application using SwiftUI and OpenAI API
Video Tutorial - Build a SwiftUI ChatGPT watchOS App with OpenAI ChatGPT API
In this video, we're going to build ChatGPT based watchOS application using SwiftUI and OpenAI API
Video Tutorial - Build a SwiftUI ChatGPT macOS App with OpenAI ChatGPT API | Menu Bar
In this video, we're going to build ChatGPT based macOS application using SwiftUI and OpenAI API
Video Tutorial - Build a SwiftUI ChatGPT iOS App with OpenAI ChatGPT API
In this video, we're going to build ChatGPT based application using SwiftUI and OpenAI API
Video Tutorial - Build Swift Charts Stocks App Part 4 - Chart View - SwiftUI iOS 16 App
This is the 4th part of "Build Stocks App with SwiftUI & Swift Charts" series. In this part, we're going to create a Chart View to display stock prices over a series of time.
Video Tutorial - Build Swift Charts Stocks App Part 3 - Ticker Symbol Sheet UI - SwiftUI iOS 16 App
This is the 3rd part of "Build Stocks App with SwiftUI & Swift Charts" series. In this part, we're going to create an Ticker Symbol Sheet UI containing quote price details.
Video Tutorial - Build Swift Charts Stocks App Part 2 - My Ticker Symbols List & Search Tickers - SwiftUI iOS 16 App
This is the 2nd part of "Build Stocks App with SwiftUI & Swift Charts" series. In this part, we're going to create an iOS 16 SwiftUI App to Ticker Symbols List & Search View.
Video Tutorial - Build Swift Charts Stocks App - Part 1 - Yahoo Finance API Service - SwiftUI
In this video, we are going to build a Live Barcode and Text Scanner App with SwiftUI & VisionKit iOS 16 API
Video Tutorial - Add Live Text Interaction to SwiftUI iOS & macOS App | VisionKit | iOS 16
In this video, we are going to build a Live Barcode and Text Scanner App with SwiftUI & VisionKit iOS 16 API
Video Tutorial - Add macOS & Linux Target to Windows Flutter News App | Flutter 2 to 3.x
In this video, we are going to add macOS & Linux support for the previous Flutter Windows News App that we have built using Fluent UI.
Video Tutorial - Build a Live Barcode and Text Scanner iOS App with SwiftUI & VisionKit iOS 16 API
In this video, we are going to build a Live Barcode and Text Scanner App with SwiftUI & VisionKit iOS 16 API
WWDC 2022 - Platform State of the Union Recap | Swift 5.7, SwiftUI 4.0, System Experiences Latest APIs
In this article, I am going to give a recap on all the new software technologies that Apple Engineers announced during the Platform State of the Union keynote from Swift 5.7, SwiftUI 4.0, and System Experiences Latest APIs.
Build a Real-Time Inventory Tracking SwiftUI App with Firestore
In this video, we are going to build a real-time inventory tracking SwiftUI app that support cloud on and offline syncing accross devices and platforms using Firestore DB.
SwiftUI Bindable List Element in Practice
Hi Xcoders, in this bite sized video, we are going to learn on how to propagate change from children inside List back to the parent using SwiftUI Bindable List Element.
Create & Publish MSIX Installer for Flutter Windows App to Microsoft Store
In this video, we are going to create a MSIX Installer for Flutter News Windows App. We'll learn on how to use Flutter msix installer package to create local app installer with self signed certificate and upload msix to Microsoft Store dashboard.
Build a Windows News App with Flutter and Fluent UI Theme
In this video, we are going to build a native Windows News App using Flutter and Fluent UI Theme. We are going to utilize newsapi.org to fetch the articles and uses multiple dependencies such as window manager, url sharing, and many more!
Build an App Icon Generator Swift CLI Tool for Linux & macOS with Argument Parser
In this video, we're going to build the CLI Tool for Ubuntu Linux and macOS using Swift Argument Parser Lib.