New to Claude Skills? Learn how to install them →

github on GitHub

React Audit Grep Patterns

OfficialFree

Streamline your React migration audits with verified grep commands.

by github37.7k stars on github/awesome-copilot
2 views
Updated Aug 10, 2026
Get this skill

Free · Opens the source repo

What React Audit Grep Patterns does

The React Audit Grep Patterns skill provides a comprehensive library of grep commands specifically designed for auditing React codebases prior to upgrading to React versions 18.3.1 and 19. This skill is essential for developers migrating their applications, as it ensures that all necessary checks are performed to identify deprecated APIs, unsafe lifecycle methods, and other potential issues that could arise during the upgrade process. By utilizing this skill, developers can avoid common pitfalls associated with React migrations and ensure their code remains robust and compatible with the latest versions.

This skill is particularly useful when working with the react18-auditor and react19-auditor agents, as it contains all the grep patterns needed for a thorough audit. The provided references include specific scans for both React 16/17 to 18.3.1 and React 18 to 19 migrations, as well as test file scans and dependency conflict checks. This structured approach allows developers to easily navigate the auditing process and apply the appropriate commands based on their migration path.

The skill emphasizes the importance of using verified commands rather than relying on memory, especially for complex grep patterns that involve multi-line async setState calls. By following the guidelines and utilizing the base patterns included in the skill, developers can effectively scan their codebases for issues without the risk of overlooking critical checks. This makes the React Audit Grep Patterns skill a vital addition to any React developer's toolkit during migration audits.

When to use it

Use this skill when preparing for a migration audit to React 18.3.1 or 19 to ensure comprehensive codebase checks.

When not to use it

This skill is not suitable for non-React projects or for audits not related to the specified React versions.

What you can build with it

Auditing for React 18 Upgrade

Use the skill to scan your codebase for deprecated features before upgrading to React 18.3.1.

Preparing for React 19 Migration

Leverage the grep patterns to ensure your application is ready for the React 19 upgrade.

Testing for Dependency Conflicts

Run the dependency scans to identify any potential conflicts that may arise during the migration process.

How to install React Audit Grep Patterns

View source

1. Install with the skills CLI

npx skills add github/awesome-copilot/react-audit-grep-patterns --agent claude-code

2. Or install it manually

Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.

Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs

Inside SKILL.md

Written by github

React Audit Grep Patterns

Complete scan command library for React 18.3.1 and React 19 migration audits.

Usage

Read the relevant section for your target:

  • references/react18-scans.md - all scans for React 16/17 → 18.3.1 audit
  • references/react19-scans.md - all scans for React 18 → 19 audit
  • references/test-scans.md - test file specific scans (used by both auditors)
  • references/dep-scans.md - dependency and peer conflict scans

Base Patterns Used Across All Scans

# Standard flags used throughout:
# -r = recursive
# -n = show line numbers
# -l = show filenames only (for counting affected files)
# --include="*.js" --include="*.jsx" = JS/JSX files only
# | grep -v "\.test\.\|\.spec\.\|__tests__" = exclude test files
# | grep -v "node_modules" = safety (usually handled by not scanning node_modules)
# 2>/dev/null = suppress "no files found" errors

# Source files only (exclude tests):
SRC_FLAGS='--include="*.js" --include="*.jsx"'
EXCLUDE_TESTS='grep -v "\.test\.\|\.spec\.\|__tests__"'

# Test files only:
TEST_FLAGS='--include="*.test.js" --include="*.test.jsx" --include="*.spec.js" --include="*.spec.jsx"'

Frequently asked questions about React Audit Grep Patterns

Similar skills