·react19-patterns
</>

react19-patterns

qingqishi/shiqingqi.com

React 19 patterns and React Compiler behavior with Context shorthand syntax and use() hook. Use when working with Context, useContext, use() hook, Provider components, optimization patterns like useMemo, useCallback, memo, memoization, or when the user mentions React 19, React Compiler, Context.Provider, or manual optimization.

7Installs·0Trend·@qingqishi

Installation

$npx skills add https://github.com/qingqishi/shiqingqi.com --skill react19-patterns

SKILL.md

This project uses React 19 with the React Compiler enabled. This changes how you should write React code, especially around Context and optimization.

The React Compiler automatically optimizes components and handles memoization. Do not use manual memoization patterns.

When using to wrap content that includes Suspense boundaries, you may encounter hydration errors if some children are in Suspense while others are not.

React 19 patterns and React Compiler behavior with Context shorthand syntax and use() hook. Use when working with Context, useContext, use() hook, Provider components, optimization patterns like useMemo, useCallback, memo, memoization, or when the user mentions React 19, React Compiler, Context.Provider, or manual optimization. Source: qingqishi/shiqingqi.com.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/qingqishi/shiqingqi.com --skill react19-patterns
Category
</>Dev Tools
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is react19-patterns?

React 19 patterns and React Compiler behavior with Context shorthand syntax and use() hook. Use when working with Context, useContext, use() hook, Provider components, optimization patterns like useMemo, useCallback, memo, memoization, or when the user mentions React 19, React Compiler, Context.Provider, or manual optimization. Source: qingqishi/shiqingqi.com.

How do I install react19-patterns?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/qingqishi/shiqingqi.com --skill react19-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/qingqishi/shiqingqi.com