SwiftUI Fetching JSON and Image Data with BindableObject
Рет қаралды 45,918
5 жыл бұрынFetching JSON data and rendering it into a list is now changing with SwiftUI. The pattern you must follow now is to create state variables through a Bindable object and observe it through your view widgets. To load image data, we do the same thing through different state objects.
JSON endpoint: api.letsbuildthatapp.com/json...
AppStore JSON APIs
www.letsbuildthatapp.com/cour...
Tinder Firestore Swipe and Match
www.letsbuildthatapp.com/cour...
Twitter Slide Out Menu Course
www.letsbuildthatapp.com/cour...
Podcasts Course
www.letsbuildthatapp.com/cour...
Intermediate Training Core Data
www.letsbuildthatapp.com/cour...
Instagram Firebase Course
www.letsbuildthatapp.com/cour...
Facebook Group
/ 1240636442694543
Completed Source Code
www.letsbuildthatapp.com/cour...
Instagram: / buildthatapp
Twitter: / buildthatapp
Hackintosh Build
i9 9900k: amzn.to/2CvQj6v
ASUS Z390 Motherboard: amzn.to/2JpaQ2B
16GB Corsair Vengeance RGB RAM: amzn.to/2YbygvJ
Corsair H100i Platinum Water Cooler: amzn.to/2FnbM22
Thermaltake RGB Power Supply: amzn.to/2TgKDTu
Intel 1TB SSD: amzn.to/2Tkdk1V
Corsair 280x Computer Case: amzn.to/2WcjvH2
AMD Radeon 4GB RAM GFX Card: amzn.to/2TYMyAp
LG 34" Widescreen 3440 x 1440: amzn.to/2Tk7q0S
Rode NT1 Microphone: amzn.to/2TZgX1r
Focusrite Audio Interface: amzn.to/2U12gey
Panasonic GH4 DSLR: amzn.to/2U4BrG6
Magewell HDMI to USB3 Capture Card: amzn.to/2Jp2esI
@pasta0328 5 жыл бұрын
For anyone who’s done react native development this will actually look pretty straightforward. Minus the combine stuff depending on if you’ve done Rx stuff. Pretty cool! Thanks for putting this out there even though it’s clear that you’re learning as well. We need more of this!
@rogerwprice 5 жыл бұрын
Wow... I'm glad you went first on this!
@Xenc5 5 жыл бұрын
Thank you for the insights, top quality channel 👌
@nicwanavit5463 4 жыл бұрын
ohh man i literally struggled for days until i find this. Thanks so much :)
@kingkonguae 5 жыл бұрын
DUDE I LOVE YOUR VIDEOS!
@mcauslenter 4 жыл бұрын
Always the best content!!! Love your videos mate! Tks!!!
@JohnSeabourn 4 жыл бұрын
I know this is an older video and they deprecated Bindable object but I was finally able to get my stuff working following this with Observable Object.
@israelmanzo8725 5 жыл бұрын
Sweet!! Thank you Brian..!
@magic0x0 5 жыл бұрын
Thanks for the great tutorial 🙏🏻
@alexitosworld 5 жыл бұрын
FYI, Never is Swift's bottom type, a type that doesn't have any instance (you can't create a Never). This allows us to encode in the type system that the subject can't fail. That's what you want for UI so that's why is always used in there ;)
@devsimples 5 жыл бұрын
On XCode beta 4 the variable didChange was renamed to willChange Thank you for the video.
@khanputty2 3 жыл бұрын
Great job 👍
@cristhianaguilarverduguez1698 5 жыл бұрын
Excellent job master =)
@CAHLIT0 5 жыл бұрын
Thanks for this!!!
@digitalsuperman 5 жыл бұрын
im loving this swiftUi framework
@nizz4m 5 жыл бұрын
You're awesome man
@emmanuelpregnolato5026 5 жыл бұрын
Nice tutorial as always! Quick suggestion. Instead of fetching in the init() of NetworkManager you can use, on the NavigationList or a Group surrounding the NavigationList , at the end of the brackets Group { ...}.onAppear(perform: networkManager.fetch)
@LetsBuildThatApp 5 жыл бұрын
You definitely don't want to perform a network refetch if the view appears a second time, for example when a controller is popped and shows this view again.
@thomasengland1701 5 жыл бұрын
You shouldn’t need to call dispatch. You can call onReceive. Also you should initialize the network manager in scene delegate and make it into an environmental object.
@tapizquent 5 жыл бұрын
Please elaborate. Do you have a code sample to explain this?
@w0mblemania 5 жыл бұрын
@@tapizquent You need to watch all the WWDC sessions on SwiftUI and Combine. They are required viewing at this point. Cheers.
@NPCTE23 5 жыл бұрын
My prayers has been answered!! Lol Thank you!
@hannaung4281 5 жыл бұрын
Lakad Matataaaag ... Normalin Normalin :3
@NPCTE23 5 жыл бұрын
Han Naung I don’t get what you’re saying but I’m excited too 😂
@hannaung4281 5 жыл бұрын
@@NPCTE23 'My prayers are answered ' word is Dota2 game' chat weel . so, i thought you are the one of dota gamer 😁
@NPCTE23 5 жыл бұрын
Han Naung I used to play LoL tbh hahah
@brazo98 5 жыл бұрын
Thanks Dude.
@kennymaes6903 5 жыл бұрын
Love Your videos and wonder if you do this the same way for core data with binding ? Thanks for all your tutorials so far
@kheangsenghort842 5 жыл бұрын
Cool videos :D
@lawrencejob 5 жыл бұрын
Worth noting - in the final release, Combine will mean you don’t have to add all that extra code!
@LetsBuildThatApp 5 жыл бұрын
Indeed I was waiting for the combine sdk to be released. Not sure how to work with publisher yet.
@TreyCox1 5 жыл бұрын
Thanks again, Brian! I have my test app working perfectly with these steps. Could you possibly show how to pass this data into another view?
@smackaroony 5 жыл бұрын
luv it
@DassineB 4 жыл бұрын
Thanks for the video! Will this be used to reduce the amount of server load?
@pasta0328 5 жыл бұрын
“Now I’m going to pray that the syntax highlighting comes back” 😂 yep sounds familiar
@aleksplats 5 жыл бұрын
Thanks :)
@NTuneLabs 2 жыл бұрын
Easy for you to say!
@tonynguyendtn1984 5 жыл бұрын
Question: do you like SwiftUI or is it just new framework that will be redundant in 5 years (per your earlier video)?
@SengchheangChhun 5 жыл бұрын
Thank you for the video. I reused the ImageViewWidget in my application and wrap it with NavigationButton. Somehow the image stop appearing. Thank for any tips
@menteb 5 жыл бұрын
Would you use the same approach to parse XML/Atom? What would be the difference in code?
@football1606 5 жыл бұрын
Could you please make a tutorial explaining how to make the Face ID circles animation? I haven’t be able to find one.... thank you
@darvikpatel 5 жыл бұрын
Can you please make a video showing how to make draw/make shapes on swiftUI manually
@leomike3749 3 жыл бұрын
What if I want to fetch and render it into a text component, how should I do it?
@sreekanthzyou 5 жыл бұрын
@State @objectbinding being used for the same requirement of observing the state of bindable object. I think we should use only @objectbinding in both the cases as we are using the variables of external types ViewModel and ImageView.
@rebeloper 5 жыл бұрын
🤟Reactive Programming 🤟
@judedavis92 3 жыл бұрын
Yay it’s Rebeloper
@astronomers 4 жыл бұрын
I'm trying to do a vertical scroll that makes one of the images slightly bigger when scroll stops. How do you set the feature image to appear bigger than the rest when scroll stops. similar to this but not exactly
@chrismanhutagalung4410 5 жыл бұрын
Hello in this case using method get, and how we can post data to api?
@mobilestar6575 5 жыл бұрын
Thank you again for wonderful video. I hate to give you only 1 like (not 10 or 100 likes ) (yes)
@GOK1970 5 жыл бұрын
How to do this only with "optionals" from API ? ( let author: String? )
@jeremydrouhin5544 4 жыл бұрын
I need help ! With that Tuto, I get data after UI. For example : List(networkManager.movies.results, id: \.id) networkManager.movies.results.count = 0. I use themoviedb API. Thanks in advance !
@damikdk 5 жыл бұрын
May you please talk about CoreData + SwiftUI best practices
@sacredgeometry 5 жыл бұрын
The best practice is not to use CoreData. ;) haha only joking. How would it be any different to using it with UIKit/ appkit? Actually that said if you look at some of the patterns used with realm and RxSwift it may give you some hints. That or something like flux.
@dk-sky3820 5 жыл бұрын
*cough* Realm DB *cough*
@dheerajbhavsar9769 4 жыл бұрын
Can you also make a video with Image Caching as well? It will be very helpful...
@xxThemoritzxx 4 жыл бұрын
Nice Video. How can i Save those fetched JSON objects in a database like we done it in Core Data? Best regards
@nathanbelete1384 5 жыл бұрын
Hey does anyone know how I could for example get a body of JSON where - lets say - the 'name' is something specific
@user-pr6up2vw9r 5 жыл бұрын
what is the diff between @state and ObjectBinding? They looks the same in this example.
@dun198 5 жыл бұрын
As far as I understood correctly, @State is for binding a local variable, while @ObjectBinding is for binding an 'external' model object. Check out WWDC 2019 Session 226 for more information (especially around 31:00)
@AbdullahAlsharif 5 жыл бұрын
What is the name of the background tune at the beginning of the video?
@user-rc2nt1tb2u 3 жыл бұрын
. I'm trying to build an app that searches through the web (Using web scraping) and returns the specified data instantly (data can be updated on the website and I want it to be updated in my app as well), can that be done with JSON?
@MrBlaq 5 жыл бұрын
Question: do the views have lifecycle methods?
@sacredgeometry 5 жыл бұрын
As I have pointed out below If you look at the View documentation there is a list of view lifecycle events under the Handling view events section developer.apple.com/documentation/swiftui/view So handling the onAppear event would be something like this Text("Test Text View") .onAppear(perform: { print("Wooter") })
@curt8806 4 жыл бұрын
Hey dude. Question. Once the app loses internet what happens ? Any way you can create a tutorial on how to save the data locally so that it’s not always needing internet ?
@azero79 5 жыл бұрын
it's like rxjs, or ReactiveX in general, web devs been using this for year on web apps.
@pasta0328 5 жыл бұрын
Lots of people use it for lots of things, it doesn’t come from web
@MrBlaq 5 жыл бұрын
The network manager reminds me of mobx.
@mhmtkrnlk 2 жыл бұрын
Hail the AsyncImage
@ibrahimsalah5609 4 жыл бұрын
Hi Brain I'm found that to load with Kingfisher/SwiftUI pod KFImage(URL(string: course.imageUrl)!, options: [.transition(.fade(0.5))]) .frame(height: 200) .resizable()
@ibrahimsalah5609 4 жыл бұрын
Also, we can load data on the list instead of binding .onAppear(perform: getCourses)
@LetsBuildThatApp 4 жыл бұрын
If you want to hit the network every time your list appears :)
@grenvil8414 3 жыл бұрын
got error in line 50 "Cannot infer key path type from context; consider explicitly specifying a root type" got error in line 52 "Cannot convert value of type 'Int' to expected argument type 'Course'"
@AdelUI 5 жыл бұрын
If i want to call my api , every time when View is did appear how i can do that , in UIKit I use ViewDidAppear ... but what's the equivalent here ?!
@sacredgeometry 5 жыл бұрын
You really don't. That would be very inefficient what you want to do is to update your view every time your data changes. So what you could do is set up an observable that is subscribed to by your view and to emit the changes to that observable stream. That way any changes propagate to anyone that cares about it. SwiftUI is reactive most of the time you don't need to hook into the view lifecycle like that. That said if you look at the View documentation there is a list of view lifecycle events under the Handling view events section developer.apple.com/documentation/swiftui/view So it would be something like this Text("Test Text View") .onAppear(perform: { print("Wooter") })
@LetsBuildThatApp 5 жыл бұрын
Correct, make use of the new Reactive style programming and all will be good.
@AdelUI 5 жыл бұрын
Sorry .. but that fucking awesome 😍😍😍
@cularu1 5 жыл бұрын
What's the difference between swift and swiftUI? Do we need to learn swift to use swiftUI?
@alirezanamazi2751 5 жыл бұрын
SwiftUI is ridiculous never go around swiftui
@metalsquid 5 жыл бұрын
Swift is a programming language. SwiftUI is a framework for creating the visual user interfaces you see in an iOS app. Currently we use the UIKit framework to make user interfaces in iOS, and the AppKit framework for MacOS user interfaces. SwiftUI is a brand new framework written entirely using Swift that can be used to create user interfaces across all Apple's operating systems from the Mac down to the Apple Watch. So yes, you will need to learn Swift to use SwiftUI.
@w0mblemania 5 жыл бұрын
@@metalsquid Small correction: parts of SwiftUI are written in C++. In fact, parts of SwiftUI actually predate the creation of Swift. SwiftUI has been in development for at least 7 years, maybe 10.
@metalsquid 5 жыл бұрын
@@w0mblemania At WWDC they said that SwiftUI was "built from the ground up in Swift, for Swift". I took that to mean SwiftUI was written 100% in Swift. Thanks for pointing out that isn't the case. I should word it more accurately in future.
@w0mblemania 5 жыл бұрын
@@metalsquid np. Apple marketing is... marketing. Apple engineers on Twitter told a different story, is all. Cheers.
@ajinkyasonar 4 жыл бұрын
We all are one.. A very humble and polite request to iOS Developers of every country, stop selling your apps at least price.We are developers and each app that we make needs efforts ,time and patience. We think of an idea...design UI and write code for it.After everything, we go through the stress of apple review where there are chances of approval and rejection both.On approval ,we get money and on rejection we get nothing.We are doing hard work and it needs to be appreciated, we can't compromise for less. A client offered 250$ for an app, later the same client offered 150$ and now asking to sell apps at 70-80$ .....This is all due to few developers have started selling apps at minimal cost like 70-80$.We need to show a little patience ,if we will adjust for 70-80$ ,then soon there will be a day when we all will loose our identity and will be suppose to sell app at 10-20$ also. PLEASE STOP COMPROMISING AT LOW PRICE AND LET'S GROW TOGETHER,"WE ARE IOS DEVELOPERS"!!!
@red010182 5 жыл бұрын
how to do infinite loading using this approach?
@andywong3095 5 жыл бұрын
There are, NO, -> such method of "infinite loading", literally. (No one has a device that can store infinity number of objects) Someone, comes up with an approach of fetching data, to make it sound, superior, hehe. And, a lot of other coders/programmers like the term. Because, it sounds good. hahaha. Dart, for example, if you fetch 1000 records, only 10 items were visible on the device. It will only fetch the view box's contents. (10 items) => even IF, there exist, infinity number records, one can do continue fetching, without running out of RAM. That was a very old idea. I do not know, how SwiftUI will implement this approach. I suspect, it is the same approach. So, as long as you do NOT store all records, and only those in the viewBox, at any time, THEN, it is LIKE infinity loading. Max Int64 Integer for Swift is: 9223372036854775807 Is that an infinity number?
@davidlangley9287 5 жыл бұрын
I really want to get used to this new swiftUI but I just can't :(
@donathmm3881 5 жыл бұрын
Because?
@antonzhevchenko8489 4 жыл бұрын
Not working on Xcode beta 5 Black screen occurs after loading. I've changed deprecated methods, but with no success Also i tried to create my project with the same code and updates for deprecated methods, but binding not working and after i receive data from JSON the @State variable not updating view((
@LetsBuildThatApp 4 жыл бұрын
Binding has changed dramatically.
@antonzhevchenko8489 4 жыл бұрын
@@LetsBuildThatApp Yes, let's wait for stable version)) Also Brian could you made a video about Viper pattern and rxSwift)
@salvorub3239 5 жыл бұрын
how to check downloaded json? if clauses! = nil { List {..} } Else { ........ } the body is a mess. nenache you can create for thousands of objects !!!
@registered99 5 жыл бұрын
Is there a way to view this tutorial not as a video? Would be nice to see the project files or something instead
@LetsBuildThatApp 5 жыл бұрын
Just look in the description for the project download.
@registered99 5 жыл бұрын
@@LetsBuildThatApp Thanks, sorry it was a bit hard to find with all the other links in there.
@LetsBuildThatApp 5 жыл бұрын
Welcome to the world of spam marketing :)
@RatmanSays 5 жыл бұрын
aaaand I'm sticking with regular swift and objective c, and yes even storyboards. I'll switch to react native before this lol
@andywong3095 5 жыл бұрын
Hehe, ReactiveNative Facebook's Silly things (make Mr.S/Z a Billionaire); a lot of "billionaire wannabe"s were out there! But it is too late. Native only to those wannabe's home. Calling something NATIVE, which is NOT native, Is it funny? ......AD.....AD.....AD....AD......AD.......AD.......AD.......$$$$$$$$$
@DimNovo 5 жыл бұрын
18:20 - Image(uiImage: (UIImage(data: imageLoader.data)) ?? UIImage(named: "Apple")!) just in case...
@elviss911 4 жыл бұрын
add image in asset with name apple, but equals dont work, i test and dont wrks
@touqeerabbas6104 5 жыл бұрын
10:35 Please. It's a component. Please. Infact apple is calling it a component too. So no widgets please and thanks 😆
@DigiNerd21 4 жыл бұрын
Hello, how can i pass userdata (user id) from an EnvironmentObject to the Networkmanager class? I tried to use it in the class: class Networkmanager: ObservableObject { @EnvironmentObject var userdata: userData and in the Url i can pass the data: guard let url = URL(string: "api.letsbuildthatapp.com/jsondecodable/courses/index.php?userid=\(userdata.userId)") else { return } It does not throw an error in xcode but wenn i start the app i get the error: Fatal error: No ObservableObject of type userData found. How can i fix it?
@opeyemiadeola3754 Жыл бұрын
hello please i have a question
@iYousef911 4 жыл бұрын
Anyone has an issue that the List empty and I check my debugging area the data load fine
@t3x233 4 жыл бұрын
me too, have you find a solution ?
@iYousef911 4 жыл бұрын
Kevin Teixeira yes check out the image holder for me I forget to add the image in the assets folder
@joesminis 4 жыл бұрын
Followed this tutorial, but did it with the new iOS 13 update. github.com/joemissamore/SwiftUIJSON
@saj5935 4 жыл бұрын
game of thrones remembered 😕
@elviss911 4 жыл бұрын
how to load array ?? Post Parameter : ID -> 8 Json Response: { "success": "true" "list": [ {"nameCourse": "Swift", "imageUrl": "....."} {"nameCourse": "Kotlin", "ImageUrl": "...."} ] }
@gummibarchen1372 4 жыл бұрын
.identified(by: \.name) Xcode 11 Beta 4 -> new Xcode 11 Beta 5 - ,id: \.name
@w0mblemania 5 жыл бұрын
For those following along at home: gist.github.com/chriseidhof/2c3bcdfa5bfa0795b33bd17f1e88771d
@rogerwprice 5 жыл бұрын
Beta 5 broke things for me- working github update is here github.com/antwerpenR/pokemonListFromJSON
@ghandn 5 жыл бұрын
You should make a paid course for swiftUI at some point that goes more in depth on the framework. The way your videos are now I would love going through a class taught by you!
@phanirithvij 5 жыл бұрын
Looks like Flutter. Don't hunt me down. I don't have a Mac I'm not rich.
@user-pk3ti4es9k 5 жыл бұрын
Apparently no one knows how to create a list with dynamic sections And delete rows functionality. Like a list of employees sectioned by departments and still can delete rows!! Can you?!
@LetsBuildThatApp 5 жыл бұрын
Wait for it to come out of beta before you blow a gasket :)
@user-pk3ti4es9k 5 жыл бұрын
Lets Build That App interesting. Never thought it could be a bug. Just thought it’s too hard to implement! Thanks a lot, life is good again 😁
@YoYoYo 5 жыл бұрын
This is looking like a nightmare.
@sacredgeometry 5 жыл бұрын
Why?
@juliocesartorrescama5661 4 жыл бұрын
outdated :(
@Th3DadGam3r 5 жыл бұрын
BANG operator is called a force unwrap...
@andywong3095 5 жыл бұрын
"Just a software developer and game enthusiast" will know, what is TRIVIAL. and tomato vs toMAto.
@Th3DadGam3r 5 жыл бұрын
Jeez, now trying to load an image. There’s a lot of, “I don’t know why I do this’
@andywong3095 5 жыл бұрын
Why? Beta Xcode Beta MacOSX........ BETA?
@Th3DadGam3r 5 жыл бұрын
Maaaate wtf got to you setting the didSet. You clearly don’t know what you’re doing. Your passing self to a state object, this is a retain cycle? Never, means that there isn’t ever going to be a failure case in the network manager. Which clearly isn’t true. As it’s a network/JSON parser.... You’re also capturing self in your network completion........ Oh god, now he’s used a force unwrap on the JSON parser. I advise no one to follow this video...
@andywong3095 5 жыл бұрын
if aJsonObject.Result != nil // SUPERIOR PROGRAMMER. (really not too much real world experiences) ObjC, that is more relevant. With managed framework, aka UWP, DART, and Swift, very little to worry about. One will know, when ever there is a leak. Hint: Instrument. Please DONOT scare newbie, with this phrase. hehe. Disclaimer: I am a silly old man.
@CihanBoz 5 жыл бұрын
I am sorry, but this guy is right, even though you are making fun of him in your other video. I respect your work and your videos are helpful, when you are experienced enough to see that your code is often quick & dirty . But please be aware that most of the people watching your video aren't experienced iOS devs or devs at all. You should be always a good role model and assume especially beginners are gonna take your code as it is, as someone who sells paid courses you should take more responsibility IMO.
@andywong3095 5 жыл бұрын
Hi Mr@@CihanBoz , Sir, let me be clear, I AM NOT J from N, friend of MR.B. I have been, writing programs for 45+ year, never stopped. Yet, I am very impressed with Mr.B's ability to demonstrate the concept, in real time. If you were, like me, retired, wasting time watching a lot and a lot of YT tutorial and read literally many hundreds of GitHub projects, THEN, you will agree with me, Mr. B is one of the best. Unless, you yourself, were J from N. His competitor. Pls, do not take me, seriously. Human, the nature is lazy and sloppy. Men, Programmers more so.
@Th3DadGam3r 5 жыл бұрын
Andy Wong just do if result = aJsonObj3ct.result {} then as it’s cleaner. Or use guard.
@Th3DadGam3r 5 жыл бұрын
If your doing tutorial videos you should be striving for best practices as people will just copy your code verbatim. It’s important to understand the concepts and not pickup bad habits.
@GooseZero 3 жыл бұрын
Great video, but it's a bit outdated. I'd recommend watching this and using HackingWithSwift's "How to use @ObservedObject to manage state from external objects" page for a companion on how to use the current method. It's much simpler now!
Paul Hudson
Рет қаралды 125 М.
Lets Build That App
Рет қаралды 80 М.
Marques Brownlee
Рет қаралды 2,7 МЛН