How is state management handled?

The skill provides a tiered recommendation: useState for local state, Context API for small apps, Zustand for medium apps, and Redux Toolkit for complex requirements.

How do I run tests with this skill?

You can execute tests through Docker using the command 'docker compose run --rm app npm test' which is standardized within the skill configuration.

Does this skill support class-based components?

No, the stack-react skill specifically enforces functional components and modern React hooks to ensure contemporary coding standards.

What technologies are included in the React Docker Stack?

The stack includes React 18, TypeScript, Vite for builds, Tailwind CSS for styling, and Vitest with React Testing Library for unit testing.

Is the environment ready for production?

Yes, it includes build commands and Docker configurations suitable for creating production-ready artifacts via Vite.

React Docker Stack

Name: React Docker Stack
Author: Syntek-Studio

bySyntek-Studio

デプロイメントとDevOps

Standardizes React 18 and TypeScript development within a Dockerized environment using Vite, Tailwind CSS, and Vitest.

概要

The stack-react skill provides a robust foundation for building production-grade React applications within the Syntek Studio ecosystem. It enforces a containerized workflow using Docker, ensuring environment consistency while implementing strict TypeScript standards and modern functional component patterns. By integrating Vite for builds and Vitest for testing, this skill enables Claude to assist in creating scalable frontend architectures with pre-defined patterns for state management, styling, and file organization.

主な機能

Modern React 18+ and TypeScript architecture with Vite build tooling
Tailwind CSS integration with utility-first styling guidelines
0 GitHub stars
Containerized development environment using Docker and Docker Compose
Pre-configured testing suite with Vitest and React Testing Library
Enforced functional component standards and strict type interfaces

ユースケース

Bootstrapping new React projects with a standardized, container-ready architecture
Automating frontend testing and linting within a CI/CD or Docker-based workflow
Enforcing consistent coding patterns and file structures across a development team

概要

主な機能

Modern React 18+ and TypeScript architecture with Vite build tooling
Tailwind CSS integration with utility-first styling guidelines
0 GitHub stars
Containerized development environment using Docker and Docker Compose
Pre-configured testing suite with Vitest and React Testing Library
Enforced functional component standards and strict type interfaces

ユースケース

Bootstrapping new React projects with a standardized, container-ready architecture
Automating frontend testing and linting within a CI/CD or Docker-based workflow
Enforcing consistent coding patterns and file structures across a development team