Frontend Best Practices

Comprehensive frontend development guidelines for React, TypeScript, Vue, CSS, performance, accessibility, and component design. Contains rules prioritized by impact to guide code generation and review.

When to Apply

Reference these guidelines when:

• Writing new React or Vue components
• Implementing client-side data fetching or state management
• Reviewing frontend code for quality or accessibility issues
• Refactoring existing UI code
• Optimizing bundle size or rendering performance
• Enforcing coding standards across the team

Quick Reference

• adra-network-layers-when-to-use - Layer package map; pair with nuxt-layer-vs-adra-module + nuxt-adra-extends-layer-order
• adra-network-libraries-api-when-to-use - UI/library package map; HTTP/OpenAPI wiring → api-clients-workspace-packages + api-service-nuxt-layer-useapi
• adra-network-modules-when-to-use - Module capability map; list hygiene → nuxt-adra-modules-composition