skills.rest
dmdorta1111
dmdorta1111COMMUNITY
Explore all skills by this author →
GitHub

frontend-dev-guidelines

Guide React/TypeScript development with modern patterns and performance optimizations.

Updated Aug 23, 2026
Search Tags:#React#TypeScript#MUI#Frontend#Performance#Best Practices#Development
One-click install
npx skills add https://github.com/dmdorta1111/jac-v1 --skill frontend-dev-guidelines-dmdorta1111
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-dev-guidelines
Source: https://github.com/dmdorta1111/jac-v1/tree/main/.claude/skills/frontend-development
Command: npx skills add https://github.com/dmdorta1111/jac-v1 --skill frontend-dev-guidelines-dmdorta1111

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Frontend development can be complex, leading to inconsistent code, performance issues, and difficult maintenance. This skill provides a comprehensive guide to modern React/TypeScript patterns, ensuring high-quality, performant, and maintainable applications.

Core Features & Use Cases

  • Modern React Patterns: Implement Suspense-based data fetching, lazy loading, and efficient component structures.
  • Optimized Performance: Leverage useMemo, useCallback, and React.memo to prevent unnecessary re-renders and ensure fast UIs.
  • Structured Development: Follow clear guidelines for file organization, routing with TanStack Router, and MUI v7 styling.

Quick Start

I need to create a new React component. Provide a checklist of best practices for modern React/TypeScript development, including lazy loading, data fetching, and styling.