solidjs basic
via PatrickJS/awesome-cursorrules
Solid.js development setup with functional components and reactive state management.
What is solidjs basic?
This rule configures Cursor for Solid.js projects using functional components and reactive primitives. Use it when starting a Solid.js application to establish best practices for state management, side effects, and component structure.
- Enforces functional component patterns with createSignal, createEffect, and createMemo
- Guides reactive state management using createStore for complex scenarios
- Recommends Show and For components for conditional and list rendering
- Establishes folder structure with components, pages, and utils directories
- Promotes lazy-loading and performance optimization techniques
- Supports Solid Router integration and server-side rendering when applicable
Applies to
File patterns this rule matches.
Rule definition (reference)
Source of truth, from the repository.
// Solid.js Basic Setup .cursorrules
// Prefer functional components
const preferFunctionalComponents = true;
// Solid.js best practices
const solidjsBestPractices = [ "Use createSignal() for reactive state", "Utilize createEffect() for side effects", "Implement createMemo() for derived values", "Use createResource() for data fetching", "Implement Show and For components for conditional and list rendering", "Utilize createStore() for complex state management", ];
// Folder structure
const folderStructure = src/ components/ pages/ utils/ App.jsx index.jsx public/ index.html;
// Additional instructions
const additionalInstructions = `
- Use JSX for component templates
- Implement proper error boundaries
- Utilize Solid Router for routing when applicable
- Use Solid's built-in optimization features
- Implement lazy-loading for improved performance
- Follow Solid.js naming conventions and best practices
- Use server-side rendering (SSR) when needed `;
Related rules
Solid.js development with Tailwind CSS integration and best practices.
TypeScript best practices and patterns for Solid.js development.
Svelte best practices and patterns for modern web applications
Svelte 5 migration guide: runes, snippets, and standardized event handling.
SvelteKit + RESTful API + Tailwind CSS development guide with TDD and full file-path tracking.
Expert SvelteKit, Tailwind CSS, and TypeScript development standards with best practices and code patterns.