Artykuły dla tych, którzy
wdrażają stack
Materiały o React, Node.js, TypeScript i AI. Przetłumaczony tekst jest pokazany, gdy istnieje. Jeśli nie, widać tekst angielski i dopisek o tym.
Tag: UX
Gładka nawigacja przypominająca aplikację dzięki API View Transitions w Next.js
Przejścia między stronami w stylu aplikacji w Next.js za pomocą View Transitions API: ruch elementów wspólnych pomiędzy trasami bez konieczności używania ciężkiej biblioteki animacji, wraz z informacjami dotyczącymi obsługi.
4 min czytaniaPrzycisk opinii w formie animowanego kciuka w górę bez żadnej biblioteki animacji
Stwórz widget z opiniami w postaci kciuka w górę i w dół z animacją pop na podstawie kluczowych klatek, stanami aktywnymi oraz żądaniem danych, używając wyłącznie HTML, CSS i kilku linijek JavaScript.
7 min czytaniaProjektowanie ekranów w React dla stanów ładowania, pustego stanu, błędu i ponownej próby
Naucz się modelować każdy możliwy stan ekranu i formy w React – od struktur początkowych i ponownych pobierania danych, przez puste wyniki, przydatne komunikaty błędów, aż po ochronę przed podwójnym wysyłaniem danych.
6 min czytaniaOptymistyczne interfejsy użytkownika bez rozbieżności: zrzuty stanu, cofanie zmian i anulowane żądania
Naucz się tworzyć optymistyczne aktualizacje, które pozostają poprawne: zapisywanie stanu w momencie aktualizacji, natychmiastowa aktualizacja, cofanie zmian w przypadku błędu, anulowanie przestarzałych żądań oraz wiedza o sytuacjach, gdy nie należy stosować tego wzorca.
10 min czytaniaRozwiązywanie problemów warunków wyścigowych – technika debouncing nie może pomóc w interfejsach wyszukiwania
Dowiedz się, dlaczego sama technika debouncing nie może zapobiec przywracaniu starych odpowiedzi API, które mogą nadpisać aktualny stan interfejsu, oraz poznaj cztery praktyczne rozwiązania umożliwiające zapewnienie właściwej kolejności zapytań.
10 min czytania
O tych artykułach
Wycena w 24 h
Potrzebujesz tego stacka w warstwie operatorskiej? Wyślij brief — wycena w 24 h.