Swift Lille Meetup #1 - @CallMeSH - Building interfaces like Lego Blocks

Comment utiliser la POO, les génériques et le UIViewController containment pour coder proprement des choses très complexes en les cassant en petits bouts sur lesquels il est plus simple de raisonner. Retour d’expérience par Charles-Henri DUMALIN, développeur iOS et Back-end Freelance.

Transcript

1. Hi, I’m Charles-Henri DUMALIN @CallMeSH I make complex apps at
2. Assembling interfaces with small building blocks Composition, generics and containment to the rescue
3. Have you ever had a project that gets increasingly complex ?
7. Oh by the way, we would like the same behaviour in a completely different tab
8. Oh and you’ll have to completely change the search engine
10. Have you written a single MassiveViewController™ ? PANIC MODE ACTIVATED
11. You’ve been there before! I want to be a knight saving the world from evil!
12. You’ve been there before! ( I want to be a nurse and help people!
13. You’ve been there before! ) I want to be a teacher!
14. is in trouble 119€ 90€ 119€
15. Your imagination is the limit + 75€
16. All you need is to find the smallest abstraction level
17. And use composition with it
18. Back to the life of an iOS dev ,
19. When a subject is complex… ⛏ Break it down into smaller pieces!
20. 2 guidelines that will change your coding
21. Something that can display a horizontal list of shops Something that can display a list of horizontal lists Something that can display a horizontal list of shops Something that can display a horizontal list of shops 1. Break it down to an abstract level
22. What are our smallest building blocks ? •UIView •UIViewController
23. How do you compose UIView ? •addSubview() •Deal with the layout ✅ Done
24. Hold on! Why would I compose UIViewControllers?!
25. UIViewController •A group of UIView •With a life cycle •… Not the C of MVC
26. What if I told you •Composing UIViewController is not hard •And the performances are just fine!
27. How do you compose UIViewController ? •addChild() •view.addSubview() •Deal with the layout •child.didMove(toParent: self) ✅ Done If the controller can be hidden you should removeChild()
28. Where should I write this code ? •Controller •Coordinator •…
29. I made a very boring talk about this… Perfect if you can’t fall asleep youtube.com/watch?v=4j6nq92X5YM
30. A UIViewController that can display a horizontal list of shops A UIViewController that can display a list of horizontal lists A UIViewController that can display a horizontal list of shops A UIViewController that can display a horizontal list of shops 1. Break it down to an abstract level
31. A UIViewController that can display a horizontal list of shops A UIViewController that can display a list of horizontal lists A UIViewController that can display a horizontal list of shops A UIViewController that can display a horizontal list of shops And reuse it! A UIViewController that can display a horizontal list of products A UIViewController that can display a list of horizontal lists A UIViewController that can display a horizontal list of products A UIViewController that can display a horizontal list of products
32. Success
33. 2. Keep it abstract A UIViewController that can display a horizontal list of shops A UIViewController that can display a list of horizontal lists A UIViewController that can display a horizontal list of shops A UIViewController that can display a horizontal list of shops A UIViewController that displays a bar that collapses by observing a list of horizontal lists
34. 2. Keep it abstract A UIViewController that can display a horizontal list of shops A UIViewController that can display a list of horizontal lists A UIViewController that can display a horizontal list of shops A UIViewController that can display a horizontal list of shops A UIViewController that displays a bar that collapses by observing a list of horizontal lists
35. 2. Keep it generic A UIViewController that can display a horizontal list of shops A UIViewController that can display a list of horizontal lists A UIViewController that can display a horizontal list of shops A UIViewController that can display a horizontal list of shops A UIViewController that displays a bar that collapses by observing a list of horizontal lists A UIViewController having scrollable content A UIViewController that displays a bar that collapses by observing a controller containing scrollable content
36. And reuse it again! A UIViewController listing shops A UIViewController that displays a bar that collapses by observing a controller containing scrollable content A UIViewController listing products A UIViewController that displays a bar that collapses by observing a controller containing scrollable content
37. Example time + Let’s create a loading controller to use throughout your app
38. Loading content has 3 cases Loading Value Error
39. 6 Live Demo
40. Why is it powerful ? ♻ Reusable anywhere Provide error handling 9 Reload support is one delegate away
41. You’re already used to it! UINavigationController UITabBarController
42. It’s time for your kind of controller! A StackViewController that displays a list of controllers!
43. It’s time for your kind of controller! A ScrollViewController that makes a controller scrollable!
44. It’s time for your kind of controller! A RefreshController that makes a scrollable controller have a pull to refresh!
45. It’s time for your kind of controller! A KeyboardController that handles the keyboard avoidance for any other controller.
46. Build your own little toolbelt HorizontalShopListController In a VerticalListController In a LoadingContainer In a CollapsibleHeaderController
47. Build your own little toolbelt HorizontalProductListController In a VerticalListController In a LoadingContainer In a CollapsibleHeaderController
50. #TheBestKindOfSandwich
51. If you want to go further…
52. If you want to go further… UIKonf18 – Day 1 – Joachim Kurz – MVC is Not Your Problem
53. If you want to go further… A Better MVC Dave DeLong
54. Thank you! @CallMeSH Charles-Henri Dumalin mobiten.com