Incantory
로그인
규칙CC0-1.0검사 안 됨

Qwik Basic

Cursor rules for Qwik development with TypeScript and Vite integration.

Awesome CursorRulesv1스타 0개 · 포크 0개 · 작품 0개≈288 토큰

렌더링소스

// Qwik.js Basic Setup (with TypeScript and Vite) .cursorrules

// Prefer functional components

const preferFunctionalComponents = true;

// Qwik.js best practices

const qwikBestPractices = [ "Use $ suffix for lazy-loaded functions", "Utilize useSignal() for reactive state", "Implement useStore() for complex state objects", "Use useResource$() for data fetching", "Implement useTask$() for side effects", "Utilize useVisibleTask$() for browser-only code", "Leverage TypeScript for type safety", "Use Vite's fast HMR for development", ];

// Folder structure

const folderStructure = src/ components/ routes/ global.css root.tsx entry.ssr.tsx public/ vite.config.ts tsconfig.json;

// Additional instructions

const additionalInstructions = `

  1. Use TypeScript for all .ts and .tsx files
  2. Implement proper error boundaries
  3. Utilize Qwik City for routing when applicable
  4. Use Qwik's built-in optimization features
  5. Implement lazy-loading for improved performance
  6. Follow Qwik's naming conventions and best practices
  7. Use server$ for server-side code execution
  8. Leverage Vite plugins for optimized builds `;