[FDD 2017] Sebastian Kremiec - Flux — architektura aplikacji dla budowania UI
•
0 j'aime•77 vues
Nowoczesne interfejsy użytkownika bywają bardzo rozbudowane i — co za tym idzie — bardzo złożone. W praktyce oznacza to setki komponentów oraz dziesiątki asynchronicznych zdarzeń, które wpływają na jego wygląd i zachowanie. W czasie prelekcji Sebastian pokazał, w jaki sposób architektura Flux pomaga stawić czoła tym wyzwaniom i zbudować UI, który po prostu działa.
Recommandé
Contenu connexe
Similaire à [FDD 2017] Sebastian Kremiec - Flux — architektura aplikacji dla budowania UI
Similaire à [FDD 2017] Sebastian Kremiec - Flux — architektura aplikacji dla budowania UI (6)
Plus de Future Processing
Plus de Future Processing (20)
[FDD 2017] Sebastian Kremiec - Flux — architektura aplikacji dla budowania UI
- 2. Budowanie UI - problemy Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 3. Budowanie UI - problemy wyzwania Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 4. Budowanie UI - problemy wyzwania ■ spójność komponentów Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 5. Budowanie UI - problemy wyzwania ■ spójność komponentów ■ mnogość zdarzeń Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 6. Budowanie UI - problemy wyzwania ■ spójność komponentów ■ mnogość zdarzeń ■ debugowanie Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 7. Budowanie UI - problemy wyzwania ■ spójność komponentów ■ mnogość zdarzeń ■ debugowanie ■ testowanie Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 8. Spójność komponentów Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 9. Spójność komponentów ■ niezależne komponenty ■ każdy musi sobie pobrać dane do wyświetlania Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 10. Spójność komponentów: globalny stan Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 11. Mnogość zdarzeń Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 12. Mnogość zdarzeń ■ działania użytkownika ■ rezultaty asynchronicznych akcji ■ zdarzenia z zewnątrz Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 13. Mnogość zdarzeń: mody kowanie stanu nie wprost Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 14. Mnogość zdarzeń: mody kowanie stanu nie wprost reduce(currentState, action) -> newState Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 15. Mnogość zdarzeń: mody kowanie stanu nie wprost reduce(currentState, action) -> newState reduce( ● , □ ) → ■ Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 16. Mnogość zdarzeń: mody kowanie stanu nie wprost reduce(currentState, action) -> newState reduce( ● , □ ) → ■ reduce( ● , 🖌) → ● Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 17. Mnogość zdarzeń: kolejkowanie akcji Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 18. Debugowanie Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 19. Debugowanie ■ jeden punkt wejścia Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 20. Debugowanie ■ jeden kierunek przepływu danych Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 21. Debugowanie ■ brak efektów ubocznych (seria transformacji stanu) Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 22. Testowanie Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 23. Testowanie ■ oddzielenie logiki od samego wyświetlania Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 24. Testowanie ■ możliwość testowania logiki jednostkowo Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 25. Testowanie ■ testowanie wyświetlania w separacji Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 26. Dodatkowe zalety Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 27. Dodatkowe zalety ■ wzorzec projektowy wysokiego poziomu Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 28. Dodatkowe zalety ■ wzorzec projektowy wysokiego poziomu ■ łatwość wprowadzania zmian w UI Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 29. Dodatkowe zalety ■ wzorzec projektowy wysokiego poziomu ■ łatwość wprowadzania zmian w UI ■ skalowalność Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 30. Dodatkowe zalety Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 31. Co dalej? ■ dokumentacja Facebooka: https://facebook.github.io/flux/ ■ gotowe implementacje: ■ Flux ;-) ■ FlexDotNet ■ FlexJava ■ Do It Yourself Sebastian Kremiec Flux — architektura aplikacji dla budowania UI
- 32. Sebastian Kremiec Flux — architektura aplikacji dla budowania UI