Toolverse
All skills

empjs

by empjs

EMP 全栈技能:React 19 脚手架脚本、emp.config.ts 配置、Tailwind v4、微前端 empRuntime、@empjs/valtio 状态管理、React 性能优化。适用于创建 EMP 应用、配置模块联邦、状态管理、性能优化等场景。

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
empjs
Category
Frontend
Views
1

About this skill

EMP 全栈技能:React 19 脚手架脚本、emp.config.ts 配置、Tailwind v4、微前端 empRuntime、@empjs/valtio 状态管理、React 性能优化。适用于创建 EMP 应用、配置模块联邦、状态管理、性能优化等场景。

How to use

  1. Zainstaluj umiejętność w swoim projekcie, upewniając się, że masz dostęp do folderu skills/empjs.

  2. 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.

  3. Przejdź do folderu projektu i zainstaluj zależności: cd nazwa-projektu && pnpm install && pnpm dev. Projekt uruchomi się na porcie 8000.

  4. 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.

  5. 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.

  6. 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.

Related skills

senior-fullstack

by davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects,

Frontend
2896

game-development

by davila7

Game development orchestrator. Routes to platform-specific skills based on project needs.

Frontend
36112

zustand

by lobehub

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

Frontend
36126

shadcn-ui

by josechifflet

shadcn/ui component patterns for Next.js 16 applications. This skill should be used when adding UI components, customizing component styles, composing primitives, or integrating forms with react-hook-form. Covers installation, customization, composition patterns, and

Frontend
157206

landing-page-guide-v2

by bear2u

Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements

Frontend
3486

apple-reminders

by openclaw

Manage Apple Reminders via the `remindctl` CLI on macOS (list, add, edit, complete, delete). Supports lists, date filters, and JSON/plain output.

Frontend
2085