Skills
.Work. You
Rest

dev-style-react

Community

Structure React apps with clear component roles.

Software Engineering#architecture#layout#react#containers#component-patterns#partials
Authornikbrunner
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provides a clear, opinionated pattern for organizing React code into Dumb Components, Smart Containers, Partials, and Layout Components to improve maintainability and testability.

Core Features & Use Cases

  • Defines four roles: Dumb Component, Smart Container, Partial, and Layout Component with their responsibilities.
  • Guides folder structure and data flow to reduce prop drilling and improve reusability.
  • Offers practical examples and references to related tooling and patterns for scalable React projects.

Quick Start

Load this pattern in your React project to organize existing components into Dumb, Smart Container, Partial, and Layout components and apply consistent folder structure.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: dev-style-react
Download link: https://github.com/nikbrunner/dots/archive/main.zip#dev-style-react

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.