CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-types--react

TypeScript definitions for React, the popular JavaScript library for building user interfaces

80

1.48x
Overview
Eval results
Files

Evaluation results

92%

-5%

Authentication HOC

Higher-order component patterns

Criteria
Without context
With context

ComponentType usage

100%

100%

Generic prop typing

100%

100%

Prop intersection types

100%

100%

PropsWithChildren handling

70%

50%

Type-safe prop forwarding

100%

80%

DisplayName preservation

100%

100%

83%

-10%

Performance-Optimized Data Grid

useMemo and useCallback hooks

Criteria
Without context
With context

useMemo for filtering

100%

100%

useMemo for statistics

100%

100%

useCallback for handlers

80%

40%

Correct dependencies

100%

100%

Appropriate usage

80%

80%

61%

10%

Data Table with Sorting and Filtering

Class components (Component, PureComponent)

Criteria
Without context
With context

Component Class Definition

0%

0%

Props Interface

100%

100%

State Interface

100%

100%

State Initialization

100%

100%

setState Usage

33%

33%

PureComponent Optimization

33%

66%

Event Handlers

80%

80%

Render Method

30%

80%

Lifecycle Methods

0%

0%

100%

Interactive Canvas Drawing Tool

Advanced event handling patterns

Criteria
Without context
With context

MouseEvent typing

100%

100%

Mouse position tracking

100%

100%

KeyboardEvent typing

100%

100%

Modifier key detection

100%

100%

TouchEvent typing

100%

100%

Touch coordinate access

100%

100%

Event methods usage

100%

100%

100%

25%

User Profile Card

Fragment component

Criteria
Without context
With context

Uses Fragment component

100%

100%

Avoids extra wrappers

100%

100%

Correct JSX syntax

0%

100%

Returns correct structure

100%

100%

100%

15%

Flexible Component Wrapper System

Prop utilities (PropsWithChildren, ComponentProps)

Criteria
Without context
With context

PropsWithChildren usage

100%

100%

Card variant typing

100%

100%

ComponentProps usage

50%

100%

Icon prop extension

100%

100%

Props forwarding

100%

100%

Type safety

100%

100%

30%

Custom Input Component with Ref Forwarding

forwardRef for ref forwarding

Criteria
Without context
With context

forwardRef usage

100%

100%

Ref forwarding target

0%

0%

ForwardRefExoticComponent type

0%

0%

Props interface extension

0%

0%

Ref type parameter

0%

0%

80%

78%

Element Utilities

JSX element types (ReactElement, ReactNode)

Criteria
Without context
With context

Element validation

0%

100%

Element creation

0%

100%

Element cloning

0%

100%

ReactNode typing

0%

0%

ReactElement typing

0%

50%

Type guard usage

40%

100%

93%

88%

User Preferences Manager

Context optimization (split context, memoization)

Criteria
Without context
With context

Split Context Creation

0%

100%

State Hook Usage

0%

100%

Actions Memoization

0%

100%

State Value Memoization

0%

80%

Context Consumption

0%

100%

Provider Implementation

0%

100%

TypeScript Types

100%

0%

57%

52%

Theme Switcher

useContext hook

Criteria
Without context
With context

Context Creation

0%

50%

Provider Implementation

0%

0%

useContext Hook Usage

0%

100%

State Management

0%

66%

Context Value Shape

50%

80%

Install with Tessl CLI

npx tessl i tessl/npm-types--react
Evaluated
Agent
Claude Code

Table of Contents