empjs
Pełny stos React 19 z mikrofrontendami, Tailwind i optymalizacją wydajności
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
EMP to umiejętność do budowania nowoczesnych aplikacji React 19 z wbudowaną obsługą mikrofrontendów, zarządzania stanem (@empjs/valtio) i optymalizacji wydajności. Zawiera gotowy scaffold React 19, konfigurację modułów federacyjnych, integrację Tailwind v4 i narzędzia do profilowania aplikacji. Idealna dla zespołów tworzących złożone, skalowalne interfejsy z podziałem na niezależne moduły.
Jak używać
Zainstaluj umiejętność w swoim projekcie, upewniając się, że masz dostęp do folderu skills/empjs.
Utwórz nowy projekt React 19, uruchamiając skrypt z katalogu głównego: node skills/empjs/scripts/create-emp-react19.js nazwa-projektu. Opcjonalnie podaj ścieżkę docelową jako drugi argument, np. node skills/empjs/scripts/create-emp-react19.js moja-aplikacja ./projects.
Przejdź do folderu projektu i zainstaluj zależności: cd nazwa-projektu && pnpm install && pnpm dev. Projekt uruchomi się na porcie 8000.
Skonfiguruj emp.config.ts w katalogu głównym projektu — zdefiniuj pluginy (np. pluginReact), port serwera i inne opcje za pomocą defineConfig. Minimalna konfiguracja wymaga tylko pluginu React i ustawień serwera.
Rozwijaj aplikację, używając dostępnych skryptów: pnpm dev do pracy nad kodem, pnpm build do budowania, pnpm start do podglądu. Dla zaawansowanych scenariuszy użyj pnpm build --analyze do analizy bundla lub pnpm dev --profile do profilowania wydajności.
Jeśli potrzebujesz mikrofrontendów, skonfiguruj moduły federacyjne w emp.config.ts i wykorzystaj empRuntime do komunikacji między modułami. Do zarządzania stanem globalnym użyj @empjs/valtio.