epic-react-patterns
Guide on React patterns, performance optimization, and code quality for Epic Stack
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Guide on React patterns, performance optimization, and code quality for Epic Stack
How to use
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.