With the ongoing transformation of StepStone's core application from monolithic to a service-oriented architecture, our frontend developers faced new challenge – how to implement a user interface in this new landscape of distributed systems. We decided to adapt the concept of micro frontends, which is service-oriented approach to frontend development. In this talk, I'll explain our reasoning behind this choice, show how we enhanced our software engineering processes in order to implement micro frontend approach, and share most valuable lessons we've learned during this journey.
Talks
With the ongoing transformation of StepStone's core application from monolithic to a service-oriented architecture, our frontend developers faced new challenge – how to implement a user interface in this new landscape of distributed systems. We decided to adapt the concept of micro frontends, which is service-oriented approach to frontend development. In this talk, I'll explain our reasoning behind this choice, show how we enhanced our software engineering processes in order to implement micro frontend approach, and share most valuable lessons we've learned during this journey.
How to improve code quality with property-based testing
2019-10 | StepStone Tech Meetup #1 2019 | Warsaw, Poland
slides: html
This content is only available in polish
I was first introduced to the idea of property-based testing when I was attending Front-end Connect in December of 2018. I've found this concept extremely interesting, I was even asking myself, why are we not doing this? Why is it not an industry standard? Finally, after almost a year of tinkering with property-based tests in multiple programming languages, I have an opportunity to talk about my discoveries during first edition of StepStone Tech Meetup in 2019. Let me tell you why I've found this concept revolutionary, and why I now understand, why we're not doing this.
To nie będzie typowe, krótkoterminowe, krótkowzroczne case study. Podczas tego wystąpienia pokażę wam pierwszą aplikację napisaną w React i TypeScript w mojej firmie, opowiem o jej perypetiach przez 3 lata życia na produkcji, oraz o lekcjach i wnioskach jakie wyciągnęliśmy z naszych doświadczeń przez ten czas. Których decyzji technicznych żałujemy najbardziej? Które miały najdalej idące konsekwencje? Jak nasza architektura sprostała próbie czasu? Jak zniosła rozbudowę aplikacji o pierwotnie zupełnie nieoczekiwane funkcjonalności? Jak zapewniliśmy jej stabilność poprzez rozszerzanie testowania i monitoringu? Przekonajmy się o tym razem.
W związku z trwającą w mojej firmie transformacją architektury głównej platformy z monolitycznej do zorientowanej serwisowo, jako front-end developerzy stanęliśmy przed nie lada wyzwaniem: jak efektywnie implementować interfejsy w tym nowym, rozproszonym świecie? Tak zaczęła się nasza przygoda z ideą mikro front-endów. Podczas tego wystąpienia pokażę wam na czym ta idea polega, dlaczego to na nią padł wybór, w jaki sposób ją implementujemy, oraz w jaki sposób przy jej pomocy progresywnie ulepszamy nasz proces wytwarzania oprogramowania tak, aby osiągnąć i zachować continous delivery front-endu.
Autostopem przez PWA
2019-06 | AppQa Meetup #1 2019 | Warsaw, Poland
slides: html
This content is only available in polish
Kiedy zostałem zaproszony przez mojego przyjaciela Dawida aby wystąpić na pierwszej edycji organizowanego przez niego meetupu, oczywiście od razu się zgodziłem. Zapytałem go później: "Dawid, ale ty pracujesz jako tester aplikacji mobilnych i organizujesz meetup o testowaniu aplikacjach mobilnych, a ja robię web development. O czym ja mam tam opowiedzieć". Dawid odparł natychmiast: "PWA". To prawda, znam się na PWA... Ale czy znam się na zautomatyzowanym testowaniu PWA? Otóż okazuje się, że tak.
You've heard about Progressive Web Apps, Push Notifications and all the other, cool features, present in modern browsers nowadays, and available for modern web development. Have you seen them in action, though? In this talk I will discuss transformation of React web application to fully functional Progressive Web App, based on two, real life examples - small, private website, and complex, commercial web application. We'll go together through baseline PWA checklist, and dive deep into more detailed aspects of this process, such as performance improvements, caching with Service Workers, sending Push Notifications, and others. We'll explore, how experience of users of commercially available products is improved by making them more Progressive.
With gain of popularity of JS-based web applications and growth of mobile web traffic, need for optimization of JavaScript code increases. I will present several techniques that can help satisfying this need, from the architecture of your application, through bundling and compile-time enhancements, to caching with service workers.