Zrozumieć React

useOptimisticOptymistyczny like
Powrót do lekcji

W tym zadaniu zaimplementujesz przycisk nieco podobny do przycisku Like znanego z Facebooka czy Instagramu. Po kliknięciu w przycisk wywołaj asynchroniczną funkcję addLike. Gdy request się powiedzie, to dodaj klasę liked do przycisku.

Niestety funkcja addLike jest bardzo wolna. Aby poprawić user experience aplikacji zaimplementuj optymistyczny update korzystając z hooka useActionState oraz useOptimistic.

Raz na jakiś czas request może się też nie udać. Pamiętaj o odpowiednim obsłużeniu tego przypadku i ustawieniu odpowiedniego stanu!

Twój kod 💻

import { addLike } from "./api";


export default function App() {
  return (
    <form>
      <button>♥️</button>
    </form>
  );
}

Open Sandbox

Dla własnej wygody skorzystaj z platformy z zadaniamy w trybie desktopowym 🙏
Jeżeli potrzebujesz dostępu do zadań w wersji mobile skontaktuj się z nami na kontakt@jakzaczacprogramowac.pl

useOptimisticOptymistyczny likePowrót do lekcji

Twój kod 💻

Dla własnej wygody skorzystaj z platformy z zadaniamy w trybie desktopowym 🙏Jeżeli potrzebujesz dostępu do zadań w wersji mobile skontaktuj się z nami na kontakt@jakzaczacprogramowac.pl

useOptimisticOptymistyczny like
Powrót do lekcji

Dla własnej wygody skorzystaj z platformy z zadaniamy w trybie desktopowym 🙏
Jeżeli potrzebujesz dostępu do zadań w wersji mobile skontaktuj się z nami na kontakt@jakzaczacprogramowac.pl