Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Legacy React

Legacy React

Jak zrobić refactoring i nie stracić pracy?

Czy w Twoim kodzie czają się smoki?
Boisz się coś zmienić bo zaraz coś na produkcji się wywali?
Chcesz przerobić komponenty klasowe na funkcyjne ale nie wiesz nawet jak zacząć?
Nie wiesz jak przerobić stan, referencje i kontekst na hooki?
Zastanawiasz się jak przerobić componentDidMount w useEffect?
Pożegnaj się z przerabianiem kodu metodą YOLO!

Na tym szkoleniu pokażę Ci techniki refactoringu dzięki którym raz na zawsze przestaniesz się bać legacy code w Reakcie.

Pokażę Ci jak tworzyć szybkie testy komponentów, które dadzą Ci pewność, że Twoje zmiany nic nie popsują.

Poznasz metodę małych kroków, która commit po commicie zaprowadzi Cię do lepszego kodu.

Zapraszam 🙂

Michał Taszycki

October 26, 2021
Tweet

More Decks by Michał Taszycki

Other Decks in Programming

Transcript

  1. TY PRZED SZKOLENIEM ❌ Strach przed refactoringiem ❌ Obawa przed

    deploymentem ❌ Złe doświadczenia 
 (refactoring metodą YOLO HURRA czasem zawodzi) ❌ Niechęć do dotykania Legacy Kodu ❌ Stres, wypalenie, niechęć do pracy TY PO SZKOLENIU ✓ Radość z refactoringu ✓ Deploymenty w piątek wieczorem 
 (bo czemu nie ;) ✓ Dobre nawyki ✓ Przyjemność pracy z Legacy Kodem ✓ Zero stresu, luz, zadowolenie z pracy
  2. ALE JAK? ✓ Umiejętność szybkiego pisania SMOKE TESTÓW ✓ Dyscyplina

    małych kroków ✓ 100% Pewne techniki refaktoryzacji
  3. OK

  4. 1. PISZEMY TESTY - SMOKE TESTS 2. PRZENOSIMY HANDLERY DO

    RENDER 3. UJEDNOLICAMY EFEKTY 4. TWORZYMY STAŁE LOKALNE (PROPS, STATE, HANDLERS, REFS, CONTEXT) 5. PRZERABIAMY KOMPONENT 6. UPIĘKSZAMY KOD BEZSTRESOWY REFACTORING