·react-best-practices
</>

react-best-practices

Guida completa alle best practice per React e Next.js che copre l'ottimizzazione delle prestazioni, l'architettura dei componenti, i pattern shadcn/ui, le animazioni di movimento e i moderni pattern React 19+. Questa competenza dovrebbe essere utilizzata durante la scrittura, la revisione o il refactoring del codice React/Next.js. Attiva attività che coinvolgono componenti React, pagine Next.js, recupero di dati, componenti dell'interfaccia utente, animazioni o miglioramenti della qualità del codice.

102Installazioni·6Tendenza·@dedalus-erp-pas

Installazione

$npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill react-best-practices

Come installare react-best-practices

Installa rapidamente la skill AI react-best-practices nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill react-best-practices
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: dedalus-erp-pas/foundation-skills.

Comprehensive guide for building modern React and Next.js applications. Covers performance optimization, component architecture, shadcn/ui patterns, Motion animations, accessibility, and React 19+ features.

| 1 | Component Architecture | CRITICAL | arch- | | 2 | Eliminating Waterfalls | CRITICAL | async- | | 3 | Bundle Size Optimization | CRITICAL | bundle- | | 4 | Server Components & Actions | HIGH | server- | | 5 | shadcn/ui Patterns | HIGH | shadcn- | | 6 | State Management | MEDIUM-HIGH | state- | | 7 | Motion & Animations | MEDIUM | motion- |

| 8 | Re-render Optimization | MEDIUM | rerender- | | 9 | Accessibility | MEDIUM | a11y- | | 10 | TypeScript Patterns | MEDIUM | ts- |

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill react-best-practices
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from dedalus-erp-pas/foundation-skills

Risposte rapide

Che cos'è react-best-practices?

Guida completa alle best practice per React e Next.js che copre l'ottimizzazione delle prestazioni, l'architettura dei componenti, i pattern shadcn/ui, le animazioni di movimento e i moderni pattern React 19+. Questa competenza dovrebbe essere utilizzata durante la scrittura, la revisione o il refactoring del codice React/Next.js. Attiva attività che coinvolgono componenti React, pagine Next.js, recupero di dati, componenti dell'interfaccia utente, animazioni o miglioramenti della qualità del codice. Fonte: dedalus-erp-pas/foundation-skills.

Come installo react-best-practices?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill react-best-practices Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/dedalus-erp-pas/foundation-skills