skills.rest
FortiumPartners
FortiumPartnersOFFICIAL
Explore all skills by this author →
WebsiteGitHub

developing-with-react

Develop React 18+ applications with hooks, TypeScript, and accessibility standards.

Updated Jan 13, 2026
Search Tags:#typescript#accessibility#web development#frontend#react#javascript#ui/ux
One-click install
npx skills add https://github.com/FortiumPartners/ensemble-vnext --skill developing-with-react-fortiumpartners
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: developing-with-react
Source: https://github.com/FortiumPartners/ensemble-vnext/tree/main/test/evals/analysis-archive/runs-20260116/kanban-fullstack_20260116_183303/d26723f0-0b09-45a5-bd12-3b031715a785/workspace/.claude/skills/developing-with-react
Command: npx skills add https://github.com/FortiumPartners/ensemble-vnext --skill developing-with-react-fortiumpartners

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive framework and best practices for developing modern, production-ready React applications, ensuring maintainability, accessibility, and performance.

Core Features & Use Cases

  • Component Development: Guides the creation of reusable, well-structured React components using hooks and TypeScript.
  • State Management: Offers strategies for effective local, context, and server state management.
  • Styling & Theming: Promotes co-located CSS with CSS variables for consistent theming.
  • Accessibility: Emphasizes building keyboard-navigable and screen-reader-friendly interfaces.
  • Use Case: Develop a new user profile card component that fetches user data, displays it, and allows for expansion to show more details, all while adhering to accessibility standards and performance best practices.

Quick Start

Create a new React component for displaying a user profile, ensuring it handles loading and error states gracefully.

Frequently Asked Questions about developing-with-react

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I manage state effectively in React 18+ using hooks and TypeScript?▼

Structure React components with TypeScript by following established component patterns, enforcing strict typing, and co-locating CSS with variables. This framework ensures semantic HTML and robust error handling for production-grade quality.

What is the best way to build accessible React components with semantic HTML?▼

Structure React components with TypeScript by following established component patterns, enforcing strict typing, and co-locating CSS with variables. This framework ensures semantic HTML and robust error handling for production-grade quality.

How do I handle loading and error states when fetching data in React components?▼

Structure React components with TypeScript by following established component patterns, enforcing strict typing, and co-locating CSS with variables. This framework ensures semantic HTML and robust error handling for production-grade quality.

Does this React development approach work with co-located CSS and theming variables?▼

Structure React components with TypeScript by following established component patterns, enforcing strict typing, and co-locating CSS with variables. This framework ensures semantic HTML and robust error handling for production-grade quality.

What are the prohibited patterns and performance guidelines for modern React applications?▼

Structure React components with TypeScript by following established component patterns, enforcing strict typing, and co-locating CSS with variables. This framework ensures semantic HTML and robust error handling for production-grade quality.

Related Skills

Explore More Software Engineering Skills→
januarfontijanuarfonti
10

javascript-typescript

Configure JavaScript/TypeScript projects with ES6+ standards and TypeScript compiler options.

Community
Advanced
PlayableIntelligencePlayableIntelligence
307

game-deploy

Deploy browser games to here.now, GitHub Pages, Vercel, or Netlify.

Official
Advanced
rodmena-limitedrodmena-limited
3

moai-domain-uiux

Guide UI/UX design systems, WCAG 2.2 accessibility, and dark mode theming.

Official
Advanced
0xRayAI0xRayAI

frontend-engineer

Standardize frontend development across React, Vue, Angular, and Svelte frameworks.

Official
Intermediate