II.
SkillArea overview
Reference · liveskill-area:react-components
React Component Design overview
Designing reusable React components: composition vs inheritance, hooks discipline, accessibility, controlled/uncontrolled patterns, and performance via memo/useMemo/useCallback.
Attributes
displayName
React Component Design
description
Designing reusable React components: composition vs inheritance,
hooks discipline, accessibility, controlled/uncontrolled patterns,
and performance via memo/useMemo/useCallback.
domains
requiresFrameworks
expertiseLevels
- novice
- intermediate
- expert
Outgoing edges
applies_to1
- specialization:web-development·Specialization
prerequisite_for_learning1
- skill-area:react-state-management·SkillAreaReact State Management
uses_framework2
- framework:react·FrameworkReact
- framework:react·FrameworkReact
Incoming edges
addresses1
- skill:react-component-generation·SkillReact Component Generation
lib_requires_skill_area12
- lib-agent:web-development--component-developer·LibraryAgentcomponent-developer
- lib-agent:web-development--component-documentation·LibraryAgentcomponent-documentation
- lib-agent:web-development--forms-developer·LibraryAgentforms-developer
- lib-agent:web-development--hooks-developer·LibraryAgenthooks-developer
- lib-agent:web-development--micro-frontend-architect·LibraryAgentmicro-frontend-architect
- lib-agent:web-development--react-developer·LibraryAgentreact-developer
- lib-process:web-development--svelte-sveltekit-development·LibraryProcesssvelte-sveltekit-development
- lib-process:web-development--typescript-configuration·LibraryProcesstypescript-configuration
- lib-process:web-development--vue-app-development·LibraryProcessvue-app-development
- lib-skill:web-development--lit·LibrarySkilllit
- lib-skill:web-development--react-development·LibrarySkillreact-development
- lib-skill:web-development--react-hooks·LibrarySkillreact-hooks
prerequisite_for_learning2
- skill-area:frontend-development·SkillAreaFrontend Development
- skill-area:server-components·SkillAreaServer Components
requires_expertise2
- role:fullstack-engineer·RoleFullstack Engineer
- role:frontend-engineer·RoleFrontend Engineer
requires_skill_area8
- skill-area:ui-component-libraries·SkillAreaUI Component Libraries
- stack-profile:storybook-design-system·StackProfileStorybook Design System Stack (React, Storybook, Chromatic, Tailwind, TypeScript)
- stack-profile:micro-frontend·StackProfileMicro-Frontend (React, Webpack, TypeScript, Docker)
- stack-profile:backend-for-frontend·StackProfileBackend for Frontend — BFF (TypeScript, Express, GraphQL, React, Docker)
- stack-profile:browser-extension·StackProfileBrowser Extension (TypeScript, React, Webpack, Vitest)
- stack-profile:nextjs-supabase-stripe·StackProfileNext.js + Supabase + Stripe
- stack-profile:mern-stack·StackProfileMERN Stack (MongoDB, Express, React, Node.js)
- stack-profile:t3-stack·StackProfileT3 Stack (Next.js + tRPC + Prisma + Tailwind)
used_by_skill_area1
- framework:react·FrameworkReact