epic-react-patterns
Wzorce React i optymalizacja wydajności dla Epic Stack – pisz efektywny kod od razu
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność zawierająca przewodnik po najlepszych praktykach React dla Epic Stack. Dowiedz się, jak pisać wydajne komponenty, optymalizować bundle, prawidłowo używać React Router i hooków, oraz unikać typowych błędów. Skupia się na pragmatycznym podejściu: najpierw działające rozwiązanie, potem czytelność, wreszcie optymalizacja. Idealna dla deweloperów pracujących z Epic Stack, którzy chcą utrzymać zrównoważone tempo rozwoju bez zbędnej złożoności.
Jak używać
Zainstaluj umiejętność epic-react-patterns w swoim środowisku Epic Stack. Umiejętność będzie dostępna jako referencja dla asystenta AI (Claude, Copilot lub inny) podczas pracy nad kodem React.
Kiedy piszesz nowy komponent lub refaktoryzujesz istniejący kod, poproś asystenta o zastosowanie wzorców z epic-react-patterns. Wspomni o tym, że pracujesz w Epic Stack.
Dla pobierania danych użyj React Router loaderów zamiast useEffect. Zdefiniuj funkcję loader w pliku routu, pobierz dane z bazy lub API, a następnie przekaż je do komponentu przez loaderData.
Optymalizuj wydajność stopniowo: najpierw upewnij się, że kod działa, potem uczyń go czytelnym, wreszcie optymalizuj re-rendy i bundle. Nie dodawaj złożoności, jeśli nie przynosi rzeczywistej wartości.
Unikaj typowych błędów: nie pobieraj danych w useEffect, nie ignoruj zależności hooków, nie tworz zbędnych abstrakcji. Umiejętność zawiera przykłady zarówno poprawnych, jak i błędnych podejść.
Gdy pracujesz nad code splittingiem lub optymalizacją routingu, odwołaj się do konwencji Epic Stack zawartych w umiejętności – asystent będzie wiedział, jak strukturować kod zgodnie ze standardami projektu.