with one click
nextjs-react-redux-typescript-cursor-rules
Comprehensive Next.js, React, Redux, and TypeScript development guidelines covering SOLID principles, component architecture, and best practices.
Menu
Comprehensive Next.js, React, Redux, and TypeScript development guidelines covering SOLID principles, component architecture, and best practices.
| name | nextjs-react-redux-typescript-cursor-rules |
| description | Comprehensive Next.js, React, Redux, and TypeScript development guidelines covering SOLID principles, component architecture, and best practices. |
Complete development guidelines for building maintainable, scalable applications with Next.js, React, Redux Toolkit, and TypeScript.
=== over ==| Convention | Usage |
|---|---|
| PascalCase | Components, type definitions, interfaces |
| kebab-case | Directory and file names (e.g., user-profile.tsx) |
| camelCase | Variables, functions, methods, hooks, properties, props |
| UPPERCASE | Environment variables, constants, global configurations |
handle (e.g., handleClick)isLoading, hasError, canSubmit)use (e.g., useAuth, useForm)function keywordReact.memo() strategicallyuseEffect hooksuseCallback for memoizing functionsuseMemo for expensive computationskey props in lists (never use index)Image, Link, Script, Headuse client only when necessary:
Partial, Pick, Omit)interface over type for objectsuseState for component-level stateuseReducer for complex stateuseContext for shared statecreateSlice for combined state/reducers/actionsscreen in RTL)Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.
Alpine.js development guidelines for lightweight reactive interactions with Tailwind CSS and various backend frameworks.
Implement analytics, data analysis, and visualization best practices using Python, Jupyter, and modern data tools.
Android development guidelines for Kotlin with clean architecture, MVI pattern, Material Design, and best practices for building robust mobile applications
Expert guidance for Angular and TypeScript development focused on scalable, high-performance web applications
Expert in Angular TypeScript development with scalable, high-performance patterns