Polski frontend

JS Dżem YouTube

#5 Test Driven Development + Bonus

🔴 Ten odcinek wyjaśnia, jak wygląda proces tworzenia funkcji w Test Driven Development. Najpierw piszę test, a następnie to tego testu piszę kod. Dziwne? Tak, to wydaje się bez sensu. Jak testować funkcję, której nie ma? W programowaniu wszystko jest możliwe 😅 Takie podejście ma swoje zalety. Przede wszystkim kod jest w pełni testowalny, w końcu testy do niego powstały, jeszcze zanim się urodził. Jak się okaże, czasami takie podejście ma też swoje konsekwencje w działaniu samej aplikacji. W naszej aplikacji, wystąpi problem z wydajnością, który jakoś sobie obejdziemy. Pamiętaj, żeby zawsze analizować napisany kod! Powodzenia! W tym filmie wyjaśniam poniższe zagadnienia: 0:00 - Co będziemy robić? 0:41 - Przeniesienie funkcji do osobnego pliku 1:34 - Napisanie pustego testu 2:06 - Co powinna robić testowana funkcja? 3:22 - Pierwszy test - w górę 5:06 - Drugi test - w dół 6:14 - Trzeci test - w prawo 6:55 - Czwarty test - mniej niż 0 8:37 - Piąty test - więcej niż listLength 11:10 - Dostosowanie komponentu do nowej funkcji 13:08 - Analiza przed/po - problemy z optymalizacją 15:34 - BONUS - Bug 1 18:50 - BONUS - Bug 2 🔥🔥🔥🔥🚀 Zapisz się do newslettera: https://www.subscribepage.com/jsdzem Wysyłam tu specjalne materiały, których nie publikuję nigdzie indziej. 🔥🔥🔥🔥🚀 🧪 Pełna playlista do tej serii o testowaniu: https://www.youtube.com/playlist?list=PLT7X0UTo8GN_nsAlEdVInoRkvE_pmLayP Link do repo z kodem: https://github.com/lebrande/search-dropdown-record Projekt koduje Jakub Pusiak