By ChrisWiles

Reference for building UI with a token-based core component library: spacing, color and typography tokens, Box, stacks, Text, Button, Input and Card, plus layout patterns.

ChrisWiles/claude-code-showcase

Sets patterns for React interfaces: when to show loading spinners or skeletons, how to surface errors, how to disable buttons during async work and how to handle empty lists.

ChrisWiles/claude-code-showcase

Jest patterns for React Native style tests: TDD discipline, mock factory functions, module and GraphQL hook mocking, custom render helpers and anti-patterns to avoid.

ChrisWiles/claude-code-showcase

Shows how to build forms with Formik and Yup validation, including conditional rules, field helpers, GraphQL submission, edit forms and multi-step flows.

ChrisWiles/claude-code-showcase

Sets the rules for writing GraphQL queries and mutations in .gql files, running codegen, and using generated Apollo hooks with proper error and loading handling.

ChrisWiles/claude-code-showcase

Applies a four-phase debugging routine that finds the root cause of a bug or failing test before any fix is written.

ChrisWiles/claude-code-showcase