Tworzenie aplikacji Generowanie prostej aplikacji Tworzenie aplikacji o bogatych treściach z zastosowaniem narzędzia Gatsby Tworzenie uniwersalnych aplikacji przy użyciu Razzle Zarządzanie kodem klienta i serwera z wykorzystaniem Next.js Tworzenie małych aplikacji przy użyciu Preacta Tworzenie bibliotek z wykorzystaniem nwb Dodawanie Reacta do aplikacji Rails za pomocą Webpackera Tworzenie niestandardowych elementów przy użyciu Preacta Tworzenie komponentów z zastosowaniem Storybooka Testowanie kodu w przeglądarce z zastosowaniem Cypressa Routing Tworzenie interfejsu z responsywnymi trasami Przenoszenie stanu do tras Użycie MemoryRouter do wykonywania testów jednostkowych Stosowanie potwierdzeń opuszczenia strony Tworzenie przejść przy użyciu biblioteki React Transition Group Tworzenie zabezpieczonych tras. Zarządzanie stanem Stosowanie reduktorów do zarządzania złożonym stanem Implementacja mechanizmu cofania Tworzenie i walidacja formularzy Pomiar upływu czasu przy użyciu zegara Monitor stanu połączenia z internetem Zarządzanie globalnym stanem przy użyciu Reduxa Zachowywanie danych podczas przeładowywania stron przy użyciu Redux Persist Obliczanie stanu pochodnego przy użyciu Reselect . Projektowanie interakcji Tworzenie scentralizowanej obsługi błędów Tworzenie interaktywnego przewodnika Zastosowanie reduktorów do tworzenia złożonych interakcji Dodawanie interakcji korzystających z klawiatury Stosowanie formatu Markdown do tworzenia bogatych treści Animacje tworzone z użyciem klas CSS Tworzenie animacji z użyciem React Animation Tworzenie infografik przy użyciu biblioteki TweenOne Połączenia z usługami Przekształcenie wywołania sieciowego w hook Automatyczne odświeżanie przy użyciu liczników stanu . Anulowanie żądań sieciowych z wykorzystaniem tokenów Generowanie żądań sieciowych z użyciem oprogramowania pośredniego Reduxa Nawiązywanie połączenia z GraphQL Ograniczanie obciążenia sieci poprzez opóźnianie generowania żądań Biblioteki komponentów Stosowanie Material Design przy użyciu biblioteki Material-UI Tworzenie prostego interfejsu użytkownika za pomocą React Bootstrap Przeglądanie zbiorów danych przy użyciu React Window Tworzenie responsywnych okien dialogowych z wykorzystaniem Material-UI Tworzenie konsoli administracyjnej przy użyciu React Admin Nie masz projektanta? Użyj Semantic UI Bezpieczeństwo Zabezpieczaj żądania, nie trasy Uwierzytelnianie z użyciem fizycznych tokenów Włączanie protokołu HTTPS Uwierzytelnianie za pomocą odcisków palców Stosowanie logowania potwierdzającego Stosowanie uwierzytelniania jednoskładnikowego Testowanie na urządzeniu z Androidem Sprawdzanie bezpieczeństwa/zabezpieczeń przy wykorzystaniu ESlint Dostosowywanie formularzy logowania pod kątem przeglądarek Testowanie Stosowanie React Testing Library Stosowanie Storybooka do testów renderowania Testowanie bez serwera z użyciem Cypressa Stosowanie Cypressa do testowania aplikacji bez połączenia z internetem Testowanie w przeglądarce przy użyciu Selenium Testowanie prezentacji w różnych przeglądarkach z użyciem ImageMagick Dodawanie konsoli do przeglądarek mobilnych Usuwanie losowości z testów Podróż w czasie Dostępność Stosowanie punktów orientacyjnych Stosowanie ról oraz atrybutów alt i title Sprawdzanie dostępności za pomocą narzędzia ESlint Stosowanie axe DevTools podczas działania aplikacji Automatyzowanie testów w przeglądarce za pomocą narzędzia Cypress Axe Dodawanie przycisków pomijania Dodawanie pomijania obszarów strony Przechwytywanie zasięgu w modalnym oknie dialogowym Tworzenie czytnika ekranu za pomocą Speech API Wydajność Stosowanie narzędzi mierzenia wydajności działających w przeglądarce Śledzenie renderowania za pomocą Profilera Tworzenie testów jednostkowych z użyciem komponentu Profiler Precyzyjny pomiar czasu Zmniejszanie aplikacji z wykorzystaniem dzielenia kodu Łączenie obietnic żądań sieciowych Stosowanie renderowania po stronie serwera Stosowanie metryk web vitals Progresywne aplikacje internetowe Stosowanie mechanizmu service workers przy użyciu narzędzia Workbox Tworzenie PWS za pomocą narzędzia create-react-app Przechowywanie zasobów zewnętrznych w pamięci podręcznej Automatyzacja odświeżania skryptów service worker Dodawanie powiadomień Wprowadzanie zmian offline z zastosowaniem synchronizacji w tle Dodawanie niestandardowego instalacyjnego interfejsu użytkownika Dostarczanie odpowiedzi w trybie offline