Browse / Mobile Development / React Native Code Quality

React Native Code Quality

Enforces and automates code quality standards for React Native (Expo) projects using TypeScript, ESLint, Prettier, and Jest.

SkillMobile DevelopmentCross PlatformProject Management

The source repository doesn't declare a license. Check its terms before reusing the code.

Key features

  • Defines a feature-first directory structure and strict architectural layering rules.
  • Includes guidance for performance optimization, CI/CD integration, and pre-commit hooks.
  • Establishes clear naming conventions and state management patterns using Zustand and TanStack Query.
  • Provides a suite of commands for linting, formatting, type-checking, and unit testing.
  • Outlines security best practices for handling sensitive information and preventing common vulnerabilities.

Use cases

  • Performing a comprehensive code quality audit before committing or merging new code.
  • Standardizing code style and structure across a development team.
  • Setting up a new React Native (Expo) project with established best practices for quality and maintainability.

FAQ

When should I use this skill?

Use this skill when you need to analyze code, run tests, fix formatting, or enforce project standards before committing changes. It's ideal for prompts like 'review my code,' 'lint these files,' or 'run all quality checks'.

What specific capabilities does it provide?

It offers commands for quality checks, defines a feature-first directory structure, outlines security best practices, establishes naming conventions, provides state management patterns (Zustand, TanStack Query), and includes guidance for CI/CD integration.

What does this skill do?

This skill enforces and automates code quality standards for React Native (Expo) projects using TypeScript. It provides a suite of commands and guidelines for linting (ESLint), formatting (Prettier), type-checking, and unit testing (Jest) to ensure your code is clean, consistent, and correct.

How does this skill improve my workflow?

It automates the tedious process of manual code inspection. By providing a single command for a full quality check and integrating with pre-commit hooks and CI/CD pipelines, it catches errors early, reduces review time, and ensures a consistent codebase.