GitHub
using-action-state
Teaches useActionState hook for managing form state with Server Actions in React 19. Use when implementing forms, handling form submissions, tracking pending states, or working with Server Functions.
☆ 0View skill
Search results for “React”
Skills matching the name, description or GitHub author.
Categories: DevOps
Browse skills
GitHub
using-reducers
Teaches useReducer for complex state logic in React 19. Use when state updates depend on previous state, multiple related state values, or complex update logic.
☆ 0View skill
GitHub
managing-server-vs-client-boundaries
Teaches when to use Server Components vs Client Components in React 19, including the 'use client' directive and boundary patterns. Use when architecting components, choosing component types, or working with Se...
☆ 0View skill
GitHub
migrating-from-forwardref
Teaches migration from forwardRef to ref-as-prop pattern in React 19. Use when seeing forwardRef usage, upgrading React components, or when refs are mentioned. forwardRef is deprecated in React 19.
☆ 0View skill
GitHub
using-context-api
Teaches Context API patterns in React 19 including use() hook for conditional context access. Use when implementing Context, avoiding prop drilling, or managing global state.
☆ 0View skill
GitHub
testing-hooks
Teaches testing custom hooks in React 19 using renderHook from React Testing Library. Use when testing custom hooks or hook behavior.
☆ 0View skill
GitHub
using-the-use-hook
React 19's use() API for reading Promises/Context conditionally. For async data fetching, Suspense, conditional context access, useContext migration.
☆ 0View skill
GitHub
reviewing-test-quality
Review React 19 test quality including coverage, patterns, and React 19 API testing. Use when reviewing tests or test coverage.
☆ 0View skill
GitHub
testing-server-actions
Teaches testing Server Actions in isolation in React 19. Use when testing Server Actions, form handling, or server-side logic.
☆ 0View skill
GitHub
reviewing-state-management
Review state management patterns for React 19 best practices. Use when reviewing component state, Context usage, or state architecture.
☆ 0View skill
GitHub
implementing-optimistic-updates
Teaches useOptimistic hook for immediate UI updates during async operations in React 19. Use when implementing optimistic UI patterns, instant feedback, or reducing perceived latency.
☆ 0View skill
GitHub
managing-local-vs-global-state
Teaches when to use local state vs global state (Context) in React 19. Use when deciding state management strategy, avoiding prop drilling, or architecting component state.
☆ 0View skill
GitHub
reviewing-component-architecture
Review component architecture for React 19 best practices including size, composition, Server/Client boundaries, and anti-patterns. Use when reviewing component design.
☆ 0View skill
GitHub
tracking-form-status
Teaches useFormStatus hook for tracking form submission state in React 19. Use when implementing submit buttons, form loading states, or pending indicators.
☆ 0View skill
GitHub
supporting-custom-elements
Teaches Web Components (Custom Elements) support in React 19, including property vs attribute handling and custom events. Use when integrating Web Components or working with custom HTML elements.
☆ 0View skill
GitHub
composing-components
Teaches component composition patterns in React 19 including children prop, compound components, and render props. Use when designing component APIs, creating reusable components, or avoiding prop drilling.
☆ 0View skill
GitHub
integrating-zod-frameworks
Integrate Zod v4 with React Hook Form, Next.js, Express, tRPC, and other frameworks for type-safe validation
☆ 0View skill
GitHub
testing-components
Teaches React Testing Library patterns for React 19 components. Use when writing component tests, testing interactions, or testing with Server Actions.
☆ 0View skill
GitHub
optimizing-with-react-compiler
Teaches what React Compiler handles automatically in React 19, reducing need for manual memoization. Use when optimizing performance or deciding when to use useMemo/useCallback.
☆ 0View skill
GitHub
reviewing-server-actions
Review Server Actions for security, validation, and best practices in React 19. Use when reviewing forms, mutations, or server-side logic.
☆ 0View skill
GitHub
implementing-code-splitting
Teaches code splitting with lazy() and Suspense in React 19 for reducing initial bundle size. Use when implementing lazy loading, route-based splitting, or optimizing performance.
☆ 0View skill
GitHub
preloading-resources
Teaches resource preloading APIs in React 19 including prefetchDNS, preconnect, preload, and preinit. Use when optimizing initial load or navigation performance.
☆ 0View skill
GitHub
following-the-rules-of-hooks
Fix React Rules of Hooks violations - conditional calls, hooks in loops/callbacks/classes
☆ 0View skill
GitHub
reviewing-performance-patterns
Review React 19 performance patterns including memoization, re-renders, and bundle size. Use when reviewing performance or optimization.
☆ 0View skill
Popular categories
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.