Download as PDF, PPTX
More Related Content
Similar to FrenchKit: SwiftUI Data Flow with Redux
![[@NaukriEngineering] Flux Architecture](https://cdn.slidesharecdn.com/ss_thumbnails/flux-161117094040-thumbnail.jpg?width=640&height=640&fit=bounds)
FrenchKit: SwiftUI Data Flow with Redux
- 1. SwiftUI Data Flow withRedux Thomas Ricouard (@Dimillian) - Glose and open source stuff
- 2. Redux • Is adesign pattern • To architecture your app data flow • Centralize your application state • And I love it!
- 3. But Redux???? • Singlesource of truth • All business logic in one place • Unidirectional data flow • All state modification happen in reducers • Easy to build isolated and reusable UI components
- 4.
- 5. Redux ♥ SwiftUI Storeconform to ObservableObject and our application state is wrapped in a @Published property wrapper
- 6. Redux ♥ SwiftUI Weinstantiate our Store with our AppState and inject it in our root view using environmentObject view modifier
- 7. Redux ♥ SwiftUI Ourstore is accessible in any view using @EnvironmentObject property wrapper
- 8. Redux ♥ SwiftUI Wecan access our state to compute view properties or we can access it in the body function directly
- 9. SwiftUI ♥ React •Implementation here: https://github.com/Dimillian/ SwiftUIFlux • You don’t access the store environmentObject directly • You derivate your view properties from your state • It’s cleaner + closer to modern React / Redux syntax
- 10. MovieSwiftUI • I’ve madea real world and full open source SwiftUI + Redux application. • https://github.com/Dimillian/MovieSwiftUI
- 11.
- 12. Custom redux implementation Now ourapp SceneDelegate is a bit more prettier
- 13. Custom redux implementation Because SwiftUIFluxhave a StoreProvider built in (+ few other goodies)
- 14. ConnectedView Receive new State map(state)-> Props body(props) -> some View Dispatch action / State modification
- 15. A simple viewcomponent
- 16.
- 17.
- 18.
- 19. How does itwork?
- 20. How does itwork?
- 21. How does itwork?
- 22. How does itwork?
- 23. How does itwork?
- 24. How does itwork?
- 25. How does itwork?
- 26.
- 27.
- 28.
- 29.
- 30. Conclusion • Easy separationof concern • Work great with SwiftUI built-in data flow properties wrappers and helpers • View component are clean, small, reusable and empty of business logic • You can focus on your UI code, all business / models bugs are in your reducers!
- 31.