5 Steps to Better SwiftUI Views

  Рет қаралды 55,317

Paul Hudson

Paul Hudson

3 жыл бұрын

In this video I show you five smart ways to make your SwiftUI views simpler and more maintainable.
- 3:51 Creating properties for your supplementary views
- 11:05 Breaking larger views into smaller ones
- 17:18 Getting action code out of your view body
- 22:40 Creating View extensions for styling
- 26:50 Using ButtonStyle and other style protocols
- 30:25 Wrap up and summary
You can get the project source code, including both before and after versions, from this link: www.hackingwithswift.com/samp...
Sponsored by RevenueCat, who make it easy to add subscriptions to your app. Find out more at www.revenuecat.com

Пікірлер: 105
@weeder77
@weeder77 3 жыл бұрын
Appreciate it Paul, thanks for all you do!
@BrenoAngelotti
@BrenoAngelotti 3 жыл бұрын
So much value in a single video! Amazing job!
@samr.4692
@samr.4692 3 жыл бұрын
Greatest tips are always embedded in your tutorials! Thank you very much for sharing.
@RobertGreel
@RobertGreel 3 жыл бұрын
Thanks for putting this together! You deliver some great videos over the entire scope of micro to macro to best practices and we really appreciate it!
@vrkiran
@vrkiran 3 жыл бұрын
Great work, as always!!
@jaspercoleman3269
@jaspercoleman3269 3 жыл бұрын
You're the best!! Always bringing some great tips and knowledge to developers of all skill levels!!
@MrLytzen
@MrLytzen 3 жыл бұрын
Awesome tips - thank you Paul. Great work
@arjundureja
@arjundureja 3 жыл бұрын
Great video. Thanks for making references to UIKit, made it much easier to understand.
@bonnydonny
@bonnydonny 3 жыл бұрын
Great one! This topic is huge. Well done. Thanks!
@leifashley
@leifashley 2 жыл бұрын
omg thank you for this. I've been looking for good ways to break up toolbars.
@ajazahmed9586
@ajazahmed9586 3 жыл бұрын
Love it... Was using couple of them already... Will try to use them all from now on.👍
@yahyabn1223
@yahyabn1223 2 жыл бұрын
Thank you Paul for great content you teach.
@returncode0000
@returncode0000 3 жыл бұрын
Unbelieveable superb quality videos. Awesome!
@ps1kx
@ps1kx 3 жыл бұрын
I always learn the best programming tips and practices with your videos, they are gold.
@twostraws
@twostraws 3 жыл бұрын
Glad you like them!
@KevSmith235
@KevSmith235 3 жыл бұрын
You’re amazing. I just want to give you a hug! Thanks Paul, I’m on day #8 of my coding journey and #3 on my 100 days of swiftUI THANK YOU
@clayfulgham21
@clayfulgham21 3 жыл бұрын
Great Video! Thanks as always!
@wowtheworldchannel
@wowtheworldchannel 2 жыл бұрын
Thanks for this awesome video. I do apply most of them regularly but after watching this video i am sure that i’m not doing anything wrong.
@PaulaBean
@PaulaBean 2 жыл бұрын
I can't upvote this enough!
@origamicaptain5664
@origamicaptain5664 Жыл бұрын
I’m just started learning. I’m not 100% sure I understand everything, but your energy is really positive and I appreciate that.
@0xjorgev
@0xjorgev 3 жыл бұрын
as usual @twostraws great content!
@saibalaji4713
@saibalaji4713 3 жыл бұрын
Thanks Paul I learned a lot through 100DaysOfSwift 😊
@abhilashrajagopal9455
@abhilashrajagopal9455 Жыл бұрын
Wow 😍best practice for better clean code, Thank you 😊
@StefanSteinbauer
@StefanSteinbauer 3 жыл бұрын
What I learned from Paul is the process of doing things when using SwiftUI. @Paul you are one of the masters of teaching Code. #kudos
@srbalan1995
@srbalan1995 3 жыл бұрын
This is very helpful. Thanks so much Paul 😊
@chasemcmullen3443
@chasemcmullen3443 2 жыл бұрын
🔥 awesome video!! Thank you 🙏
@liam52468
@liam52468 3 жыл бұрын
Tips 3,4,5 life savers !
@alexdubkov6998
@alexdubkov6998 3 жыл бұрын
The best Swift "how-to". It's gorgeous!
@BTFranklin
@BTFranklin 3 жыл бұрын
Well, this was simply excellent.
@rameeksims131
@rameeksims131 3 жыл бұрын
Thank you Paul for taking the time to teach us Swift and SwiftUI. Great content like always 👍I end up on HackingWithSwift more than StackOverflow and HackingWithSwift is more helpful.
@rdtba21qw
@rdtba21qw 2 жыл бұрын
Super useful Paul - will certainly help me clean up some of my enormous views. Thanks
@wendellb.6798
@wendellb.6798 3 жыл бұрын
Excellent! I understood most of what you were talking about, even though that's still a bit beyond me, but I grokked.
@nathanbustamante1525
@nathanbustamante1525 Жыл бұрын
This was so useful for a beginner like me. Thank you
@pokiishere-sebastian2126
@pokiishere-sebastian2126 3 жыл бұрын
Very helpful video! And lovely dogs. 🐶🐶❤️
@thomasipad7719
@thomasipad7719 2 жыл бұрын
This will be my new bible. Subscribed 🤗
@dharamveergupta1297
@dharamveergupta1297 2 жыл бұрын
Amazing Tutorial 👍
@iHirenDev
@iHirenDev 3 жыл бұрын
Great stuff mate especially the extension one. We can use XCode's in-built functionality of extract subviews for 2nd step. The most liked part of the video was your dogs though...
@iOSTechie
@iOSTechie 3 жыл бұрын
Yes, we enjoyed the video 🙂
@kimiyohome
@kimiyohome 3 жыл бұрын
Great tips. Thanks.
@jasondhindsa6774
@jasondhindsa6774 3 жыл бұрын
Awesome video!
@dream_emulator
@dream_emulator 3 жыл бұрын
Great tips! Thanks for this. 👍
@martinkowollik1432
@martinkowollik1432 3 жыл бұрын
Thank you so much! This is great!
@MrRonanX
@MrRonanX 3 жыл бұрын
Great Content!
@samuelpatrickhenness
@samuelpatrickhenness 3 жыл бұрын
This is great. Thank you.
@pranith2655
@pranith2655 3 жыл бұрын
Great Content. Thanks a lot for all your efforts and content. Great contribution to iOS developer community.
@emresancaktaroglu6430
@emresancaktaroglu6430 3 жыл бұрын
Your videos are awesome like your dogs!
@twostraws
@twostraws 3 жыл бұрын
Thank you very much!
@indritsaveta3259
@indritsaveta3259 3 жыл бұрын
Great Job Sir !
@Pr0Cre
@Pr0Cre Жыл бұрын
very good, thank you.
@nitesh-maharaj
@nitesh-maharaj 3 жыл бұрын
This is the difference between knowing how to write code and software engineering. Your code needs to be readable and maintainable. By breaking your views into reusable components, not only will your UI look and work consistently across your app, but it'll save you from duplication. When you need to make a change, make it in a single place. You can go further by moving common functionality into packages, which you can just add to your future projects. Paul, it would be great to see you take the SOLID principles and translate them into SwiftUI. Since SwiftUI uses more of a functional approach than an object oriented one, not everything will apply. However, this could be a great series.
@jordanzang9601
@jordanzang9601 2 жыл бұрын
Cute dog and excellent course
@byhabiboff
@byhabiboff 2 жыл бұрын
I love you Paul!
@sergiobost4891
@sergiobost4891 3 жыл бұрын
Awesome content, cannot remember the last time I watched 30min straight through on KZfaq but learned a lot, thanks.
@bobgodwinx
@bobgodwinx 3 жыл бұрын
Thanks for sharing.
@emilytomsUA
@emilytomsUA 3 жыл бұрын
thanks for sharing!
@thbi
@thbi 3 жыл бұрын
Great! Thank you.
@olepetersen4460
@olepetersen4460 3 жыл бұрын
Wow, great stuff, Paul. Thanks a lot!
@ChristopherCricketWallace
@ChristopherCricketWallace 3 жыл бұрын
a master class
@peterbodofsnik9429
@peterbodofsnik9429 3 жыл бұрын
Nice! Thx you !
@andrejkling3886
@andrejkling3886 3 жыл бұрын
Thank you Paul, exactly what should know each developer in SwiftUi
@user-ry6ix2mr8y
@user-ry6ix2mr8y 3 жыл бұрын
Thanks
@ashoth.2934
@ashoth.2934 3 жыл бұрын
Dear Paul, you’re absolutely amazing! Thank you very much for your priceless tutorials! But I have a question for you. How did you learn all this so very well? SwiftUI is relatively new.
@3rdman99
@3rdman99 Жыл бұрын
Breaking apart one big complex chunk of code to smaller manageable pieces is a good advice for any kind of coding, not just SwiftUI.
@chris_bennett
@chris_bennett 3 жыл бұрын
Amazing!
@dickheadrecs
@dickheadrecs 2 жыл бұрын
great tips for someone who is coming into swift UI but knows what they’re trying to avoid! that pyramid of hell indentation is brutal 🙈
@tonymukiibi2920
@tonymukiibi2920 2 жыл бұрын
hi Paul, I loved that application setup you used as a demo, could you please make a separate video to show how to build that app! please
@anotherguycalledsmith
@anotherguycalledsmith 3 жыл бұрын
Dear Paul, how did you know? And as always, just in time ;-) These massive and messy structs and views are not really any better than these “MassiveVCs”… Sometimes, this whole mess is getting so complex and nasty that the compiler even starts to claim that it is taking a copy from memory… This is exactly the point when it refuses to compile within a considerable amount of time - and eventually fails. Of course, Steve would have said “You are stacking it wrong”… Time to clean up and have layout and app logic separated. Being a mid level SwiftUI programmer by now, I still have difficulties to find best practise advise… I do not expect that from Apple (anymore) - but I really appreciate your help and the insights you are giving us. Thanks a lot! ;-)
@ScaryJack
@ScaryJack 3 жыл бұрын
I really like it! Although the style extension part sounds like working on CSS files :) But anyway I like it
@saskiaa9165
@saskiaa9165 Ай бұрын
I love ppl like this. Readability and structure is so important. I'm new to SwiftUI, I find it hard to change my way of thinking from C to Viewmodels. It looks a lot like C# to me, something I also found complicated when your mind thinks C. In your example, if you move code to seperate views (either in the same file or another file), is that part of the code considered a View or a ViewModel? PS love your dogs. :-)
@casadogaspar
@casadogaspar 3 жыл бұрын
SwiftUI has this component approach similar with React, that make all more appealing to me.
@johnheaney3349
@johnheaney3349 3 жыл бұрын
Cool stuff. I would just add that if you're going to simplify your code to the point where something significant is just one line then that line should tell the story, which requires good naming practices. For example, at 17:00 you have collapsed the entire list generation into one line of code. But that line is much to generic to have any meaning. ForEach(items, content: ListView.init) That could literally be anything. By definition it is a list of views comprised of items. It took be a minute to even figure out what this was and I was watching you do it. I would do something like: ForEach(locations, content: LocationView.init) Otherwise, you've eliminated the signal, as well as the noise. The important thing is that you can see the layout and you're just a right-click away from jumping into the details when necessary.
@markolsson2740
@markolsson2740 3 жыл бұрын
Awesome video as usual, first comment :)
@gjermundification
@gjermundification 3 жыл бұрын
In particular I like the `struct Location { static let example = ... }` in `Location.swift` Thank you!
@michaellatta
@michaellatta 3 жыл бұрын
You can surround the if with a Group view
@EmmaKAlexandra
@EmmaKAlexandra 3 жыл бұрын
It’s so weird to me that #4 is just an extension and not a custom view modifier. I’ve encountered a lot of pain with custom view modifiers and extensions always seem to work out a little better
@TihomirRAdeff
@TihomirRAdeff 3 жыл бұрын
This guy is crazy in a good way 😂 25:25
@seungjunlee00
@seungjunlee00 2 жыл бұрын
5:35 🤯🤯 my brain had a goosebump saying, what??? This was possible??
@kishorekankata9369
@kishorekankata9369 2 жыл бұрын
Dogs though 😍
@omerersoy1727
@omerersoy1727 3 жыл бұрын
Boom!
@gregohb
@gregohb 3 жыл бұрын
Thank you! Is there a way to offload all these bits to separate files and "include" them into the main routine?
@miggylol
@miggylol Жыл бұрын
I like how you split up logic and views and try and not have them put together. However, I’m not the biggest fan of testing implementation details like the toggle button closure you abstracted into it’s own function. I’ve learned to only test behavior of UI and not the implementation of it. It keeps us from having to rewrite tests in the future if we decide to change the implementation. We shouldn’t have to rewrite tests for something that doesn’t change the end functionality. Thought it would be nice to share a different perspective. Great work so far!
@xTwisteDx
@xTwisteDx Жыл бұрын
@Paul Hudson, can you dive into the hate for @ViewBuilder a bit more? From my understanding the @ViewBuilder simply states, "If I can get a view, the use it, otherwise do nothing." And in effect gives us better control over encapsulating our logic with when and what views to present.
@SudhanshuSrivastavaIndia
@SudhanshuSrivastavaIndia 3 жыл бұрын
I am amazed who the hell downvotes.
@michaellatta
@michaellatta 3 жыл бұрын
The same goes for large monolithic observed objects.
@maynardkeenan2084
@maynardkeenan2084 Жыл бұрын
Does making these things help solving performance issues of views?
@casadogaspar
@casadogaspar 3 жыл бұрын
The next thing in recruiting, Alignment Test.
@AlmansorKerroum
@AlmansorKerroum 3 жыл бұрын
👍👍👍
@sergehulne
@sergehulne 2 жыл бұрын
So, basically, SwitUI can be used as its own kind of « CSS-like » language, in order to factor out presentation code from app logic.
@rebelsdeveloper367
@rebelsdeveloper367 3 жыл бұрын
learning swift ui and making default framework template . yeahh i hate mvc at least somebody.haha penang( from malaysia any way)
@gjermundification
@gjermundification 3 жыл бұрын
26:00 How would I make different Views for iPad and iPhone? Is `UIDevice.current.userInterfaceIdiom` still the way to go?
@ToddHoff
@ToddHoff 3 жыл бұрын
Is there a reason to create a text extension rather than create something that returns a customized view? For illustration purposes it's great, but for "real" code is that how you would go it?
@realgambi
@realgambi 3 жыл бұрын
Thanks for video, Help me !!! Can convert html to Text in SwiftUI? Can we have in Text String with two colors?
@andrewb1173
@andrewb1173 3 жыл бұрын
You can use "+" to concatenate two Texts, like this: 'Text("Blue") .foregroundColor(.blue) + Text("Red") .foregroundColor(.red)'
@realgambi
@realgambi 3 жыл бұрын
@@andrewb1173 а пример с работы с jsonapi.org/ раскодировка такой структуры есть?)
@regs_j
@regs_j 3 жыл бұрын
I have never used Swift at all, some of the reviews suggest the app takes up a considerable amount of space, is this true?
@grenos
@grenos 3 жыл бұрын
I think SwiftUI should/would take a few tips from React Native. They're both pretty similar in terms of paradigm/architecture (building reactive software), and many others. "Separation of concerns" where you split views into logic/UI views as much as possibile is a typical RN approach to developing apps. With that being said I definitely see some of the more traditional UIKit techniques staying around on the SwiftUI best practices list.
@mohamedmontser1791
@mohamedmontser1791 Жыл бұрын
Solution num2 you still have logic inside your body what's make differences?
@randomcontrol
@randomcontrol 3 жыл бұрын
How does ForeEach know to send the item as the named parameter without telling it the name 😲🤯
@f00kwhiteblackracismwarsh07
@f00kwhiteblackracismwarsh07 3 жыл бұрын
Please create an IOS developer roadmap for future self taught IOS developer like me. I Google search and I can’t get a clear picture of it.
@anotherguycalledsmith
@anotherguycalledsmith 3 жыл бұрын
ÄhhhHmm… it is “iOS” and forget about Google - otherwise you might end up programming for Androids ;-)
@figurich
@figurich 2 жыл бұрын
牛逼!
@gjermundification
@gjermundification 3 жыл бұрын
Lovely steps, splendid! For more stuff relating to step 2 here is my favorite on this topic: kzfaq.info/get/bejne/Z6h4e9yTt9Ssdnk.html For the steps 3 through 5 I found places to improve, thank you!
@zbigbee2760
@zbigbee2760 3 жыл бұрын
I like most of your tutorials but I disagree with this one (5 Steps to Better SwiftUI Views). Should your code be taken over by another programmer, or maybe you need to make updates months later after not having seen your code in ages, applying these methods puts far away the code where the action takes place. Which makes debugging that much harder. If you want to modify a list, you have to dissect where the list is getting its data from, what it's doing with the data, how it's showing the data in list form. In other words, you have to be like a detective to figure out how the list is working because the list elements have been scattered hither and thither, it just slows you down and makes things harder. Or when you're looking to change something that a button does, now you have to jump to a couple of different code pages or multiple parts of your code from where the button is. I agree you can encapsulate view clips and just call these, but it should be that simple. Splitting up the parts further just overcomplicates things. Also, some programmers may make the mistake of applying these "optimization" tricks at the start of coding. A big no-no. If the code isn't working yet, you should first figure out the correct logic before optimizing. In the words of Dykstra: "Premature optimization is the root of all evil."
8 Common SwiftUI Mistakes - and how to fix them!
28:05
Paul Hudson
Рет қаралды 49 М.
MEU IRMÃO FICOU FAMOSO
00:52
Matheus Kriwat
Рет қаралды 40 МЛН
Osman Kalyoncu Sonu Üzücü Saddest Videos Dream Engine 170 #shorts
00:27
Understanding SwiftUI ViewBuilders
21:57
Stewart Lynch
Рет қаралды 9 М.
Build your second iOS app with SwiftUI
2:32:07
Paul Hudson
Рет қаралды 45 М.
SwiftUI 2.0: MVVM - A Practical Approach
14:28
BeyondOnesAndZeros
Рет қаралды 32 М.
Write Better Code with Swift Algorithms
34:34
Paul Hudson
Рет қаралды 31 М.
WWDC23: Beyond scroll views | Apple
14:47
Apple Developer
Рет қаралды 30 М.
SwiftUI Navigation - NavigationView & NavigationLink Tutorial
17:34
ПОКУПКА ТЕЛЕФОНА С АВИТО?🤭
1:00
Корнеич
Рет қаралды 3,4 МЛН
Мой инст: denkiselef. Как забрать телефон через экран.
0:54