Loading a Web View in SwiftUI with WKWebview and UIViewRepresentable - Reading List App (Part 2)

n this SwiftUI tutorial, I'm diving deep into loading web views in SwiftUI using WebKit, WKWebView, and UIViewRepresentable. If you've ever wanted to create a swift web view or a swift browser in your app, this tutorial is for you!
I'll show you how to implement a WKWebView in SwiftUI, which doesn't have a native web component. We'll work with UIViewRepresentable to bridge the gap between UIKit and SwiftUI, making it possible to use these powerful web tools in your SwiftUI projects.
This is part 2 of my series where I'm building a webpage reading list app. I'll guide you through the process of creating a web view, handling URL loading, managing loading states, and even implementing back and forward navigation. You'll learn how to deal with delegates, coordinators, and the sometimes tricky data flow between UIKit views and SwiftUI.
By the end of this video, you'll have a solid understanding of how to integrate web browsing capabilities into your SwiftUI apps. Whether you're building a simple in-app browser or a more complex web-based feature, this tutorial has got you covered. Don't forget to check out the rest of the series to see how we'll expand on this functionality in future videos!

Part 3: Saving and Opening PDF Files with PDFKit in SwiftUI
https://youtu.be/cP7UVhyPmfY

Overview:
00:00 Introduction to Web Views in SwiftUI
01:38 Overview of Project
02:13 Creating the WebView Component with UIViewRepresentable
08:31 Managing Loading States: Using Delegates with UIViewRepresentable
15:36 Fixing Update Cycles
18:56 Creating a ViewModel for WebView State
20:49 Refactoring: Using WebView State in the UI
24:50 Testing and Debugging
26:38 Tracking User Navigation
30:17 Creating New Reading Items
34:53 Adding Buttons to Navigate Backwards and Forward in the WebView
39:02 Wrap-up

If you liked what you learned and you want to see more, check out one of my courses!
👨‍💻 my macOS development course https://learn.swiftyplace.com/macos-development-swiftui-course
👨‍💻 my Core Data and SwiftUI course https://learn.swiftyplace.com/swiftui-core-data-mastery-course
👩🏻‍💻 SwiftUI layout course
https://learn.swiftyplace.com/swiftui-layout-course

⬇️ Download project files: https://github.com/gahntpo/ReadingListApp

#SwiftUI #pdf #filemanagement

Видео Loading a Web View in SwiftUI with WKWebview and UIViewRepresentable - Reading List App (Part 2) канала Karin Prater