Poprawki loaderaPopraw wyświetlanie loadera
Uwaga! Poniższe zadania należy rozwiązywać poprzez modyfikowanie kodu tworzonego w module React Router
Poniższe wideo prezentuje, co dzieje się z naszą aplikacją w momencie, gdy:
- Spowolnimy internet używając DevTools,
- A następnie zaczniemy edytować notatkę:
Widzimy, że loader wyświetla się cały czas. Dzieje się tak, ponieważ loader pokazywany jest przy każdym wykonaniu requestu typu PATCH aktualizującego notatkę. Nie jest to najlepsze zachowanie. Powinniśmy je poprawić.
Wymagania
- Używając wartości pola formMethod obiektu zwracanego z hooka useNavigation upewnij się, że loader nie pokazuje się w momencie edycji notatki. Wartości formMethod odpowiadają typom requestów HTTP - POST, PATCH, DELETE itd.
- (Zadanie dodatkowe) Używając funkcji debounce zmodyfikuj callback onChange, który powoduje wysłanie requestu typu PATCH. Request PATCH powinien zostać wysłany po 300 milisekundach od ostatniej edycji notatki.
Rozwiązanie
Roziwązanie znajdziesz klikając w commicie na Githubie