SolidJS Basic

1// Solid.js Basic Setup .cursorrules
2 
3// Prefer functional components
4 
5const preferFunctionalComponents = true;
6 
7// Solid.js best practices
8 
9const solidjsBestPractices = [
10  "Use createSignal() for reactive state",
11  "Utilize createEffect() for side effects",
12  "Implement createMemo() for derived values",
13  "Use createResource() for data fetching",
14  "Implement Show and For components for conditional and list rendering",
15  "Utilize createStore() for complex state management",
16];
17 
18// Folder structure
19 
20const folderStructure = `
21src/
22  components/
23  pages/
24  utils/
25  App.jsx
26  index.jsx
27public/
28  index.html
29`;
30 
31// Additional instructions
32 
33const additionalInstructions = `
341. Use JSX for component templates
352. Implement proper error boundaries
363. Utilize Solid Router for routing when applicable
374. Use Solid's built-in optimization features
385. Implement lazy-loading for improved performance
396. Follow Solid.js naming conventions and best practices
407. Use server-side rendering (SSR) when needed
41`;
42 
43