Data Flow in a SwiftUI App

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ส.ค. 2024
  • In this lesson I want to review with you how data both plays a part in your view and also how it flows through your app across multiple views.
    We’ll start with the simplest scenario and work our way to more complex scenarios.
    You’ll see examples using state properties, bindings, observable objects, environment objects as well as other data related SwiftUI keywords such as @Published, @ObservedObject and more.
    By the end, you’ll know how to pass data around in your SwiftUI app!
    🚨 SPECIAL CWC+ OFFER FOR TH-cam:
    cwc.to/youtubeoffer
    Timestamps:
    00:00 Introduction
    00:57 SwiftUI State Properties
    03:20 State Properties Recap
    03:38 SwiftUI Bindings
    04:10 $Binding Example
    06:51 $Bindings Recap
    07:05 @Binding Example
    14:42 $Binding and @Binding Recap
    15:15 SwiftUI State and Bindings Recap
    15:45 SwiftUI ObservableObjects
    17:31 ObservableObject Example
    22:55 ObservableObject Recap
    26:33 SwiftUI EnvironmentObject
    28:07 EnvironmentObject Example
    30:28 EnvironmentObject Recap
    32:39 Outro
    MY FREE ONLINE COURSE:
    ⚡ How to make an app in 14 days - cwc.to/14days
    CWC+ PROGRAM:
    👩‍💻 All our courses in a learning path - cwc.to/plus
    WEEKLY UPDATES VIA EMAIL:
    ✉️ Every Saturday, receive an email digest of new content - cwc.to/newsletter
    CONNECT:
    🌍 Website - codewithchris.com
    😺 GitHub - github.com/codewithchris
    📸 Instagram - / codewithchris
    🐦 Twitter - / codewithchris
    ABOUT CODEWITHCHRIS:
    Hi I’m Chris! I’m dedicated to teaching fundamentals about how to make an app. This is important if you’re trying to land an iOS job, be a freelancer, increase or start a business with an app idea. On this channel and my website, you'll find a ton of free resources and tutorials to aid you on your journey to learn iOS development. Many people have learned to code and build apps on their own! cwc.to/reviews
    DID THESE LESSONS HELP YOU?
    Please let me know! - feedback.codewithchris.com
    ROADMAP:
    roadmap.codewithchris.com

ความคิดเห็น • 145

  • @F34R303
    @F34R303 3 หลายเดือนก่อน +1

    I started watching your videos 6 years ago when I was in high school to learn coding. Now, I've graduated college, working as a software engineer and am still learning a ton from your videos!

  • @Stefan-xm9qb
    @Stefan-xm9qb 26 วันที่ผ่านมา

    You explain things much better than Sean Allen. I immediately understand your videos, great job! I like how everything is from scratch and how it builds up.

    • @Stefan-xm9qb
      @Stefan-xm9qb 26 วันที่ผ่านมา

      For example Sean Allen start with bunch of boilerplate code and also assumes you know stuff from older swift versions which makes it difficult to understand.

  • @JacobSucksAtCode
    @JacobSucksAtCode ปีที่แล้ว +6

    Dude your walkthroughs are so good. Super thorough, relaxing and information filled!

  • @ammarmujib
    @ammarmujib ปีที่แล้ว +5

    The video seems to be 1 year old, but still masterpiece to understand data flow/proprty wrappers in SwiftUI. Thanks a lot for such simple and clear explanation.

  • @andriybelizky9318
    @andriybelizky9318 7 หลายเดือนก่อน

    Great video - I love it how it shows different scenarios and various tools used to solve issues

  • @shrutisharma3341
    @shrutisharma3341 2 ปีที่แล้ว +5

    This video deserved so many more likes. This literally cleared out all of my data flow confusions with swift UI! Thanks a ton!!

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว +1

      Ahhhh, thank you so so much! Makes all the hard work so worth it. :) -Arthur

  • @nindz9272
    @nindz9272 2 ปีที่แล้ว +2

    Thank you so much for this video! Just yesterday I was googling the exact things you've described in this video. It really does help to understand how things work in SwiftUI.

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Glad you found us. We're so excited for you! :) -Arthur

  • @joeybodnar
    @joeybodnar 2 ปีที่แล้ว +1

    I took your 2 initial iOS courses 6 years about back in 2015 and been working as a professional iOS dev for 5yrs now. came back to learn swiftUI. still high quality content, nice! wish I could like this video multiple times.

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Aaaaah, your comment made our day. Thank you for learning with us! Your support means a lot! :) -Arthur

  • @mario_luis_dev
    @mario_luis_dev 5 หลายเดือนก่อน +2

    masterful explanation Chris! 👏

  • @zlatkoiliev8927
    @zlatkoiliev8927 2 ปีที่แล้ว

    I finally managed to understand them all! Thank you so much for this tutorial Chris! You are awesome! :)

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      We're happy to help! And thanks for watching! :) - Pat

  • @PierluigiLuceri
    @PierluigiLuceri ปีที่แล้ว

    thanks a lot, this is the best video about data flow in swiftui, great job

  • @jamesclavel25
    @jamesclavel25 ปีที่แล้ว +1

    New with iOS app development and man, a lot of those property wrappers have been explained here which can easily be understood. Many thanks to you sir! Keep up the great videos - you've helped a lot of beginner devs here.

    • @CodeWithChris
      @CodeWithChris  ปีที่แล้ว

      Thank you for the kind words! - Pat

  • @SebastienBarrau
    @SebastienBarrau ปีที่แล้ว +1

    Thanks for the awesome video on environmentObjects. You made it super easy to understand and I appreciate the time and effort you put into making it. Keep up the great work!

    • @CodeWithChris
      @CodeWithChris  ปีที่แล้ว

      Thank you so much for the kind words! :) - Pat

  • @susantasahoo4702
    @susantasahoo4702 2 ปีที่แล้ว +1

    Awesome video. This literally cleared out all of my data flow confusions with swift UI! Thanks a ton!! It deserves many more likes. Best video on this topic. Appreciate your effort for explaining it in nice & clean Manner.

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Glad to hear this, Susanta! Thanks for learning with us! -Arthur

  • @3VAU
    @3VAU ปีที่แล้ว

    Very nice and down to earth ;) thank you!

  • @santoshlohar152
    @santoshlohar152 11 หลายเดือนก่อน

    Dude you explained in easy way..thanks.

  • @armaanr1656
    @armaanr1656 2 ปีที่แล้ว

    This cleared up all of my confusions. Best tutorial on youtube. Keep it up Chris🙂!

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      This comment made our day. Thanks for learning with us! -Arthur

  • @semilife
    @semilife 2 ปีที่แล้ว

    Thanks so much Chris as ever clear. Understand this clearly now.

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Awesome, happy to know that we helped you! :) -Arthur

  • @DaveJacobseniOS
    @DaveJacobseniOS 2 ปีที่แล้ว

    Such quality explanations. Thank you as always!

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Great to know this. Thank you for the kind words! -Arthur

  • @arkemal
    @arkemal ปีที่แล้ว

    Man, your explanations are excellent. Thank you for this!

  • @ninumedia
    @ninumedia 2 ปีที่แล้ว

    Fantastic and clear explanation, thank you so much!

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      This comment made our day. Thank you so much, Nirdhar! :) -Arthur

  • @KimbrellBrad
    @KimbrellBrad 2 ปีที่แล้ว +8

    This was a very well-done explanation! Your style of walking through each combination of wrappers and properties really cleared up much of my previous "fuzzy" understanding of these property wrappers. Thanks Chris!

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Thanks for your lovely feedback, Madd! Means a lot! -Arthur

  • @alvarovs89
    @alvarovs89 2 ปีที่แล้ว +1

    Amazing, very well explained! thank you Chris!

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      You're more than welcome, Alvaro! :) -Arthur

  • @nzbszb
    @nzbszb ปีที่แล้ว +2

    This is very detailed, simplified and well explained. Others always tried (no offence!) but failed to give good examples like this. Thanks for this treasure.

    • @CodeWithChris
      @CodeWithChris  ปีที่แล้ว +1

      Thank you for the kind words! We do our best to explain as simply as possible.
      @AdrienVillez

  • @LTNKidd
    @LTNKidd 2 ปีที่แล้ว

    Very clear walk through, thanks Chris!

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Appreciate it, thank you! -Arthur

  • @user-om1ze4mi7u
    @user-om1ze4mi7u 2 ปีที่แล้ว +6

    This was an amazing video for developers who get stuck to understand how properties wrappers work. Besides, Your voice is so soft and your pronunciation is very clear which can mesmerize everyone. I already subscribed your channel.

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Thank you for the kind words! Time for Chris to make a meditation app and to tell us to breathe, breathe, relax, breathe!
      @AdrienVillez

  • @codingkim5714
    @codingkim5714 2 ปีที่แล้ว

    Hi, Cris.
    Thank you for uploading these about Swift. I'd beed desperate till I found your channel. I found the best videos for starting to study the Swift! Awesome!

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      So kind of you! Thank you so so much! -Arthur

  • @40_pravalgautam15
    @40_pravalgautam15 9 หลายเดือนก่อน

    You made it easy to understand

  • @GamingSucks
    @GamingSucks 2 ปีที่แล้ว +8

    What an incredibly clear explanation. The examples really bring it together. Quite possibly the best I have seen on TH-cam!

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว +1

      Aaaaah, our team appreciates your support, Rick! Thank you for your very kind comment! :) -Arthur

  • @akshaykumar-qj2kx
    @akshaykumar-qj2kx ปีที่แล้ว

    You are awesome teacher Chris :) Thank you for the valuable information.

    • @CodeWithChris
      @CodeWithChris  ปีที่แล้ว

      That means a lot! :) Thank you so much! - Pat

  • @yshlnhn
    @yshlnhn 2 ปีที่แล้ว

    Thanks a lot that makes me understand well about data flow

  • @jbare777
    @jbare777 2 ปีที่แล้ว +1

    Thank you for this video, it was excellent. Liked and favorited!

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Wow, you're just the best. We sincerely appreciate your support! :) -Arthur

  • @ClintonSiegel
    @ClintonSiegel 2 ปีที่แล้ว

    Very helpful! Thank you!

  • @ThanhNguyen-jk5tn
    @ThanhNguyen-jk5tn 2 ปีที่แล้ว

    It's really helpful. Thanks!

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Glad to know, thanks for learning with us! -Arthur

  • @DJFabisLP
    @DJFabisLP 2 ปีที่แล้ว +1

    Wow, pretty informative and interesting! Thank you

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Anytime! Thanks for learning with us! :) -Arthur

  • @TheEmperorXavier
    @TheEmperorXavier 9 หลายเดือนก่อน

    Your content is amazing

  • @michellemorgan6986
    @michellemorgan6986 2 ปีที่แล้ว

    Thank you very much for this informative video! It was definitely very clear and simple, and I now have a better understanding of this topic (which I must admit, I was having a difficult time understanding)

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      This made our day. Thanks for learning with us! -Arthur

  • @hakeemdeggs9117
    @hakeemdeggs9117 ปีที่แล้ว

    Amazing!!!!!!

  • @sheetalshinde17
    @sheetalshinde17 ปีที่แล้ว

    Thanks!!...Very well explained with example..

  • @balazskepli9471
    @balazskepli9471 10 หลายเดือนก่อน

    Very good summary on data flow! Thank you!

    • @CodeWithChris
      @CodeWithChris  10 หลายเดือนก่อน

      Glad it was helpful! Thanks for learning with us! - Iñaki

  • @uocnguyen5431
    @uocnguyen5431 ปีที่แล้ว

    Great Tutorial, thanks for this!

  • @himanshukesharwani5333
    @himanshukesharwani5333 ปีที่แล้ว +1

    Sir, this really helps me to understand concepts. Thank you for such a good video :)

  • @nojarhead
    @nojarhead ปีที่แล้ว

    Hi Chris, thanks for the excellent tutorial. Here's a couple of nuances that I've recently noticed in how @ObservedObject publishes changes and triggers redraws:
    1. if your Profile class had a second @Published property that is not used in the layout code, any changes to that property would trigger a redraw of the view anyways.
    2. setting the same/current value to a @Published property (e.g. isLoggedIn = true when it's already true) will trigger a redraw of the UI
    3. contrary to #2, the .onChange modifier will only react to new values and won't be triggered when setting the same value over and over

    • @CodeWithChris
      @CodeWithChris  ปีที่แล้ว +1

      Thanks for sharing these! - Pat

  • @williamwildsmith5162
    @williamwildsmith5162 2 ปีที่แล้ว

    Great job Chris!

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Thanks for your kind words, William! -Arthur

  • @sathriyansam727
    @sathriyansam727 2 ปีที่แล้ว

    Wow super you just made my Sunday productive......👍🏻👍🏻🙂

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      We're glad that you found us, Sathriyan! :) -Arthur

  • @thompsonms9941
    @thompsonms9941 10 หลายเดือนก่อน

    Good explanation bro ! Thanks !

    • @CodeWithChris
      @CodeWithChris  10 หลายเดือนก่อน

      Glad it was helpful! Thanks for watching! - Iñaki

  • @huyle2838
    @huyle2838 2 ปีที่แล้ว

    This is an awesome video. I feel so lucky to have access to this youtube channel.

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว +1

      Indeed! Thanks for learning with us! -Arthur

  • @hugge0948
    @hugge0948 ปีที่แล้ว

    Such a good tutorial

    • @CodeWithChris
      @CodeWithChris  ปีที่แล้ว

      Thank you so much! Cheers! - Pat

  • @alonavall08
    @alonavall08 ปีที่แล้ว

    Wow thanks for this video now I understand...

  • @weilingwang8331
    @weilingwang8331 ปีที่แล้ว

    Thanks!

  • @gpinto52
    @gpinto52 ปีที่แล้ว

    excellent review

  • @volimpia
    @volimpia 2 ปีที่แล้ว

    Thank you

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Anytime. Thanks for being here! :) -Arthur

  • @Lynnetndlovu
    @Lynnetndlovu ปีที่แล้ว

    You're the the best

  • @salmahassan8689
    @salmahassan8689 2 ปีที่แล้ว

    Great Video .. Thanks :)

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      You are so welcome, subscribe for more! :) -Arthur

  • @kal5211
    @kal5211 ปีที่แล้ว

    My man 👍

  • @srome0711
    @srome0711 ปีที่แล้ว

    Great video

  • @SomwangIssaramala
    @SomwangIssaramala ปีที่แล้ว

    Thank

  • @madoussfofana6045
    @madoussfofana6045 ปีที่แล้ว

    Very very very Good explanation. Well done Chris. Tell me where do you collect those information as developper? When I read the Apple document without exemple. it's very hard to understand.

  • @MiChElnumber4
    @MiChElnumber4 2 ปีที่แล้ว

    Nice explanation Arthur!
    Is it possible to change an observable object in another class? I have my logic going on in a separate class and would like do make some changes in states viewable in the view file?

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Hello, kindly post your question in our CodeCrew forum so that our tech support staff can assist you. Go here: codecrew.codewithchris.com. Thanks for learning with us! -Arthur

  • @dangerwang
    @dangerwang 2 ปีที่แล้ว

    Wow, this was super helpful Chris, thanks for putting this explanation together.
    Also, it sounds like you are using a custom mechanical keyboard, or maybe I'm wrong. What keyboard are you using?

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว +1

      Hi, Kevin! Thanks for your kind support! Kindly send an email to care@codewithchris.com so I can give you more info! The links are too long to share here, haha. :) -Arthur

  • @nijeecooper621
    @nijeecooper621 2 ปีที่แล้ว

    Hey Chris! Love the videos! I’m new to apps. Anyway you could make a series on how to make a app like Tik tok that let’s the users upload their videos?

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Appreciate your support. Kindly post your idea here: app.productstash.io/codewithchris#/ideas Thank you! -Arthur

  • @shroomadelics
    @shroomadelics 2 ปีที่แล้ว +1

    Woow such great Tutorials. I already have done the Cardgame App 😊
    How do you proceed, if for whatever reason you want to create twice instances of Profile and use it with the property wrapper "EnvironmentObejct"?
    Would you have to create a constant for each instance (ex.: myProf1 = Profile () ) and then call the two references with the modifier EvnironmentObject?
    English is not my native language, hope you understood it anyway ^^

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว +1

      Hello, kindly post your question in our CodeCrew forum so that our technical support staff can assist you. Go here: codecrew.codewithchris.com/ Thank you! -Arthur

  • @kevinvelasco1715
    @kevinvelasco1715 ปีที่แล้ว

    I saw the video, great explanation, but I so simple, I'd like to know what happens if you need more than 1 enviormentObject. For instance, we have a model Company and model User that models are used in many parts of the app what is the correct way to pass 2 enviormentsObject and reuse that 2 models executed one time the user init session.

    • @CodeWithChris
      @CodeWithChris  ปีที่แล้ว

      We suggest posting on our CodeCrew forum so that our tech support staff can help you. Just visit this link codecrew.codewithchris.com - Pat

  • @stephaniewagstaff6563
    @stephaniewagstaff6563 ปีที่แล้ว

    How would I get what the user types in TextField over to another view. I can't seem to get use the property its held in to do so? Thank you.

  • @janstepnicka6553
    @janstepnicka6553 ปีที่แล้ว

    Hello, thanks for your work. At 17:17 shouldn't the first line be @ObservedObject var myObj = MyObject() ?

  • @eterr9000
    @eterr9000 7 หลายเดือนก่อน

    still great two years later

    • @CodeWithChris
      @CodeWithChris  7 หลายเดือนก่อน +2

      Glad it was helpful! Thanks for learning with us! - Iñaki

  • @user-vf2qm6ui5r
    @user-vf2qm6ui5r ปีที่แล้ว

    I would KILL for you to teach Java, you're leagues better than my college professor.

    • @CodeWithChris
      @CodeWithChris  ปีที่แล้ว

      Thanks for watching! I'll be sure to let Chris know :) - Iñaki

  • @rapier64
    @rapier64 2 ปีที่แล้ว

    Hi Chris! I like your tutorials and I learnt a lot. But there is one more thing. I would like to integrate a print function for the AirPrint (SwiftUI). But unfortunately, I couldn't find any tutorials for this topic. Is it possible to integrate a printing function for SwiftUI at all? If yes, where could I find these information/tutorial? Thanks a lot. Peter🙂

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Hello, kindly post this question in our tech support forum so that our tech support staff can assist you. Go here: codecrew.codewithchris.com. Thank you! -Arthur

  • @nagarajvrao7249
    @nagarajvrao7249 2 ปีที่แล้ว +2

    Plz include StateObject... In the follow up video

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Thanks for watching! :) -Arthur

  • @02244
    @02244 ปีที่แล้ว

    What if I want to use 2 EnvironmentObjects of the same type? How do I specify the exact name of the variable in the root View?

    • @CodeWithChris
      @CodeWithChris  ปีที่แล้ว

      We suggest posting on our CodeCrew forum so that our tech support staff can help you. Just visit this link codecrew.codewithchris.com - Pat

  • @nindz9272
    @nindz9272 2 ปีที่แล้ว

    A small typo in the slide on ~17:12. It should be "ObservedObject" instead of "ObservableObject" (although you said it correctly :D)

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Oh, thanks for catching that! :) -Arthur

  • @suchcodemuchwow
    @suchcodemuchwow ปีที่แล้ว

    How do you reformat the code ?

    • @CodeWithChris
      @CodeWithChris  ปีที่แล้ว

      Hi! We suggest posting your question on our CodeCrew forum. Our tech support staff will help you out. Just visit this link codecrew.codewithchris.com - Pat

  • @alinamarrygeorge2630
    @alinamarrygeorge2630 2 ปีที่แล้ว

    good

  • @sabalkatuwal8162
    @sabalkatuwal8162 ปีที่แล้ว

    👍

  • @rambabuguttula1500
    @rambabuguttula1500 2 ปีที่แล้ว

    How can download the code with Chris phone or laptop and koputer

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Can you clarify your question? -Arthur

  • @joshuapaulhawthorne
    @joshuapaulhawthorne 2 ปีที่แล้ว

    What is a “View”

    • @CodeWithChris
      @CodeWithChris  2 ปีที่แล้ว

      Hello, thanks for your kind words! Best if you post your question in our CodeCrew forum so that our tech support staff can guide you. Go here: codecrew.codewithchris.com. Thanks for learning with us! -Arthur

  • @Wiintb
    @Wiintb ปีที่แล้ว

    You do a perfect job. But there is no way I can learn all from you. Need some more structure. Especially missing coredata.

    • @CodeWithChris
      @CodeWithChris  ปีที่แล้ว

      You can get started here codewithchris.com/start :) - Pat

  • @AlynneTheFlorifant
    @AlynneTheFlorifant 11 หลายเดือนก่อน

    At 17:17 you say @ObservedObject but the slide shows @ObservableObject. But man am I loving these breakdowns. Watching it right before an exam😅

    • @CodeWithChris
      @CodeWithChris  11 หลายเดือนก่อน +1

      🙈🤫 - just to make sure you were paying attention!
      @AdrienVillez