CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-babel-plugin-transform-react-display-name

Babel plugin that automatically adds displayName properties to React class components created with createClass

Overall
score

96%

Overview
Eval results
Files

Evaluation results

100%

React Display Names with JSX Runtimes

Cooperate with React JSX transforms in classic and automatic runtimes

Criteria
Without context
With context

Plugin included

100%

100%

Classic JSX runtime

100%

100%

Automatic JSX runtime

100%

100%

Filename inference

100%

100%

DisplayName injection

100%

100%

100%

React createClass Argument Validation

Validate React.createClass / createReactClass calls with single object argument

Criteria
Without context
With context

Plugin setup

100%

100%

Valid transform

100%

100%

Multiple args guard

100%

100%

Non-object guard

100%

100%

DisplayName preservation

100%

100%

100%

React Display Name Inference

Crawl nested ancestry for names across assignments, object properties, and member expressions

Criteria
Without context
With context

Plugin wired

100%

100%

Property inference

100%

100%

Member assignment

100%

100%

Wrapped assignment

100%

100%

Preserves explicit

100%

100%

100%

Default Export Display Name Transformer

Infer displayName for default exports from file or directory name

Criteria
Without context
With context

Plugin Included

100%

100%

File Basename Inference

100%

100%

Index Folder Fallback

100%

100%

Preserves Existing

100%

100%

Uses Transform Output

100%

100%

75%

Legacy React Display Name Injection

Inject displayName from surrounding identifiers

Criteria
Without context
With context

Plugin enabled

0%

0%

Variable names

100%

100%

Member targets

100%

100%

Object keys

100%

100%

Preserves existing

100%

100%

100%

48%

Display Name Preservation Helper

Preserve existing displayName and skip unsafe injections

Criteria
Without context
With context

Plugin wired

0%

100%

Preserves existing

80%

100%

Adds when missing

60%

100%

Nested coverage

70%

100%

Babel options passed

100%

100%

Install with Tessl CLI

npx tessl i tessl/npm-babel-plugin-transform-react-display-name
Evaluated
Agent
Codex

Table of Contents