Developer Experience at Heetch

Transcript

1. Developer Experience
2. at Heetch
3. → Organization → Architecture → Dependency Injection → Debugging → Showcase Driven Development → Pull Requests
4. ! Organization
5. 6 devs
6. 4 teams
7. Driver Engagement (2) Passenger Acquisition (1) Ride (1) Boost (1)
8. ! Architecture
9. MVC
10. UIViewController
12. → Managing the View → Presenting View Controllers → Supporting Custom Transitions and Presentations → Managing Child View Controllers in a Custom Container
13. → Responding to View Events → Extending the View's Safe Area → Managing the View's Margins → Configuring the View’s Layout Behavior → Managing the Status Bar
14. ViewController<T>
15. Wraps any UIView or UIViewController
16. Properties to manage safe area insets, status bar style and layout margins
17. ScrollViewController<T>
18. Wraps any UIViewController
19. Automatically updates contentSize using AutoLayout
20. VisualEffectViewController<T>
21. Wraps any UIViewController
22. Properties to manage the visual effect view
23. StackViewController
24. Arranges UIViewController children in a UIStackView
25. Simple and easy-to-use animation API
26. LayerViewController
27. Arranges UIViewController children as layers (think Photoshop)
28. Simple and easy-to-use animation API
29. ViewController<T> ScrollViewController<T> VisualEffectViewController<T> StackViewController LayerViewController
30. UIView
31. → Configuring Visual Appearance → Managing the View Hierarchy → Managing AutoLayout (Constraints, LayoutGuides, etc..) → Laying out Subviews (manually) → Drawing → Managing Gesture Recognizers
32. Recipe
33. 1. Create Views 2. Assemble them 3. Subclass UIViewController only if needed
34. What abut Data and Control flow?
35. View Models
36. Data → View Models → View
37. class ProfileHeaderView: UIView { } class ProfileContentView: UIView { } class ProfileSummaryView: UIView { }
38. class ProfileViewModel { var name: Observable<String> { get } var email: Observable<String?> { get } var rating: Observable<Double> { get } }
39. extension ProfileViewModel { func drive(_ view: ProfileHeaderView) { /* Binding Rx */ } func drive(_ view: ProfileContentView) { /* Binding Rx */ } func drive(_ view: ProfileSummaryView) { /* Binding Rx */ } }
40. class RideViewModel { } extension RideViewModel { func drive(_ view: ProfileSummaryView) { /* Binding Rx */ } }
41. What about Navigation?
42. Coordinators
43. Rule nº1: No Protocol
44. var rootViewController: UIViewController { get }
45. var rootViewController: Observable<UIViewController> { get }
46. var topViewController: Observable<UIViewController> { get } var middleViewController: Observable<UIViewController> { get } var bottomViewController: Observable<UIViewController> { get }
47. Rule nº2: A coordinator is not responsible of its own presentation
48. Rule nº3: Use requirements
49. init(navigationController: UINavigationController)
50. ! Dependency Injection
51. ViewModels declare their dependencies in an "IO" protocol.
52. Sourcery generates automatically "IOResolvers".
53. protocol ProfileViewModelIO { var profile: Observable<Profile> { get } func updateEmail(_ newValue: String) -> Completable } class ProfileViewModel { let io: ProfileViewModelIO init(io: ProfileViewModelIO) { self.io = io } }
54. let viewModel = ProfileViewModel(io: .resolve( profile: { Observable.merge( apns.continuousUpdates(of: .profile), api.performRequest(.getProfile) ) }, updateEmail: { newValue in api.performRequest(.postEmail(newValue)) } ))
55. Debugging
56. NSLogger
57. We (try to) log everything
58. extension ObservableType { func log() }
59. Debug Assistant
60. Fake Location
61. Slow Motion
62. Feature Flags
63. Staging Environment
64. Debug Info
65. Demo
66. ✨ Showcase Driven Development
67. Showcase [noun, /ˈʃoʊ.keɪs/]
68. It's like a Playground, but in-app
69. Every view is developed in a Showcase
70. Every screen is available as a Showcase.
71. View Models are stubbed with fake IO resolvers.
72. Coordinators are presented as modals or pushed.
73. Demo
74. ⚖ Pull Requests
75. Keep them small
76. Focused on one thing
77. Good Description
78. Duck Review
79. ! Thank you