![Łukasz Dobosz
Senior Frontend Developer
1
Data flow architecture of SPA @ Codibly
[warning: for open minds only]
Numer telefonu
+48 788 266 229
Adres e-mail
lukasz.dobosz@codibly.com
Meetup: JS dla zaawansowanych!](https://image.slidesharecdn.com/dataflowarchitectureofspacodiblywarningforopenmindsonly-190208111704/85/Data-flow-architecture-of-spa-codibly-warning-for-open-minds-only-1-320.jpg)
![Łukasz Dobosz
Data flow architecture of SPA @ Codibly
[warning: for open minds only]
www.codibly.com
| excellence in software](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (16)
Semelhante a Data flow architecture of spa @ codibly [warning for open minds only]
Semelhante a Data flow architecture of spa @ codibly [warning for open minds only] (20)
Último
Último (20)
Data flow architecture of spa @ codibly [warning for open minds only]
- 1. Łukasz Dobosz Senior Frontend Developer 1 Data flow architecture of SPA @ Codibly [warning: for open minds only] Numer telefonu +48 788 266 229 Adres e-mail lukasz.dobosz@codibly.com Meetup: JS dla zaawansowanych!
- 2. Łukasz Dobosz Data flow architecture of SPA @ Codibly [warning: for open minds only] www.codibly.com | excellence in software
- 3. Plan ● Data flow architecture - high-level battle plan ● API layer - pain in the frontend's… neck solution ● Don't trust your backend team - jak Mappery pomagają nam przetrwać nierówną walkę ● Głupie i głupsze komponenty - Detectors & Selectors ● Omówienie benefitów, plusów i zalet naszego podejścia oraz wad www.codibly.com 3
- 4. 4 „No to sruu...” ~M. Kraj
- 5. 5 Data flow architecture high-level battle plan 5
- 12. 12 API layer pain in the frontend's… neck solution 12
- 18. 18 Don't trust your backend team jak Mappery pomagają nam przetrwać nierówną walkę 18
- 29. 29 „Nie może być za łatwo” ~M. Kraj
- 31. 31 „Jak zarządzisz tą sytuacją?” ~Ł. Kulczyński
- 45. 45 Głupie i głupsze komponenty Detectors & Selectors 45
- 46. ‘Smart’ components www.codibly.com 46 is a component that independently under take all actions in terms of: ● api calls ● storing data ● styling components ● displaying data ● handling users interactions ● detecting store changes ● handling store changes ● testing the software ● bug fixing ● attending scrum meetings ● estimations ● making coffee for the team ● ordering the lunch ● loading washing machine and so on and so forth...
- 47. 47 „Zachęcam do takiego, zdrowego rozsądku” ~M. Kraj
- 48. Detector www.codibly.com 48 Redux Detector enhancer allows you to detect state changes in redux. A detector is a simple and pure function which compares two states and returns action or list of actions for some states transitions.
- 55. Dumb components www.codibly.com 55 ● displays data ● handles users interactions
- 56. 56 Omówienie benefitów, plusów i zalet naszego podejścia oraz wad 56
- 61. 61 „Możemy wcisnąć jakiś prosty automat.” ~D. Marek
- 62. Yeoman generator www.codibly.com 62 Yeoman is a generic scaffolding system allowing the creation of any kind of app. It allows for rapidly getting started on new projects and streamlines the maintenance of existing projects.
- 64. Benefity, plusy i zalety www.codibly.com 64
- 65. Thank you for your time! /in/codibly /codibly /codibly /codibly www.codibly.com