| JS.REACT.BOOLEAN.PROP.NAMING
|
スタイルに関する指摘 |
ブールプロップで一貫した命名を強制する |
3 |
False (偽) |
| JS.REACT.BUTTON.HAS.TYPE
|
問題となる可能性があるコードプラクティス |
明示的な "type" 属性のない "button" 要素を禁止する |
3 |
False (偽) |
| JS.REACT.DEFAULT.PROPS.MATCH.PROP.TYPES
|
不適切なカプセル化 |
すべての defaultProps が propTypes で "required" 状態ではなく、定義された状態になるようにする |
3 |
False (偽) |
| JS.REACT.DESTRUCTURING.ASSIGNMENT
|
スタイルに関する指摘 |
プロップ、状態、およびコンテキストの非構造化代入の一貫した用法を強制する |
3 |
False (偽) |
| JS.REACT.DISPLAY.NAME
|
不適切なカプセル化 |
React コンポーネント定義で欠落している displayName を防ぐ |
3 |
True (真) |
| JS.REACT.FORBID.COMPONENT.PROPS
|
禁止コード |
コンポーネントで特定のプロップを禁止する |
2 |
False (偽) |
| JS.REACT.FORBID.DOM.PROPS
|
禁止コード |
DOM ノードで特定のプロップを禁止する |
2 |
False (偽) |
| JS.REACT.FORBID.ELEMENTS
|
禁止コード |
特定の要素を禁止する |
2 |
False (偽) |
| JS.REACT.FORBID.FOREIGN.PROP.TYPES
|
問題となる可能性があるコードプラクティス |
別のコンポーネントの propTypes の使用を禁止する |
3 |
False (偽) |
| JS.REACT.FORBID.PROP.TYPES
|
禁止コード |
特定の propTypes を禁止する |
2 |
False (偽) |
| JS.REACT.FUNCTION.COMPONENT.DEFINITION
|
スタイルに関する指摘 |
関数コンポーネントの定義方法を標準化する |
3 |
False (偽) |
| JS.REACT.HOOK.USE.STATE
|
不適切なカプセル化 |
useState フック値とセッター変数の対称的な名前付けを確認する |
3 |
False (偽) |
| JS.REACT.IFRAME.MISSING.SANDBOX
|
安全でないコードに関する手法 |
iframe 要素で sandbox 属性を強制する |
3 |
False (偽) |
| JS.REACT.JSX.BOOLEAN.VALUE
|
スタイルに関する指摘 |
JSX でブール属性表記を強制する |
3 |
False (偽) |
| JS.REACT.JSX.CHILD.ELEMENT.SPACING
|
スタイルに関する指摘 |
インラインタグ間にスペースがなしにインラインタグが表示されないようにする |
3 |
False (偽) |
| JS.REACT.JSX.CLOSING.BRACKET.LOCATION
|
スタイルに関する指摘 |
JSX における右角括弧の位置を検証する |
3 |
False (偽) |
| JS.REACT.JSX.CLOSING.TAG.LOCATION
|
スタイルに関する指摘 |
JSX における右タグの位置を検証する |
3 |
False (偽) |
| JS.REACT.JSX.CURLY.BRACE.PRESENCE
|
スタイルに関する指摘 |
リテラルのみで十分であるか、または JSX の子または属性のリテラルで JSX 式を使用する場合、不要な JSX 式を許可しない |
3 |
False (偽) |
| JS.REACT.JSX.CURLY.NEWLINE
|
スタイルに関する指摘 |
JSX 中括弧内で一貫した改行を強制する |
3 |
False (偽) |
| JS.REACT.JSX.CURLY.SPACING
|
スタイルに関する指摘 |
JSX 属性の中括弧内でスペースを強制または禁止する |
3 |
False (偽) |
| JS.REACT.JSX.EQUALS.SPACING
|
スタイルに関する指摘 |
JSX 属性内の等号の前後にスペースを入れることを禁止または強制する |
3 |
False (偽) |
| JS.REACT.JSX.FILENAME.EXTENSION
|
問題となる可能性があるコードプラクティス |
JSX を含んでいる可能性のあるファイル拡張子を制限する |
3 |
False (偽) |
| JS.REACT.JSX.FIRST.PROP.NEW.LINE
|
スタイルに関する指摘 |
JSX で最初のプロパティの位置が適切になるようにする |
3 |
False (偽) |
| JS.REACT.JSX.FRAGMENTS
|
スタイルに関する指摘 |
React フラグメントにショートハンド記法または標準記法を強制する |
3 |
False (偽) |
| JS.REACT.JSX.HANDLER.NAMES
|
スタイルに関する指摘 |
JSX でイベントハンドラー命名規則を強制する |
3 |
False (偽) |
| JS.REACT.JSX.INDENT
|
スタイルに関する指摘 |
JSX インデントを検証する |
3 |
False (偽) |
| JS.REACT.JSX.INDENT.PROPS
|
スタイルに関する指摘 |
JSX におけるプロップインデントを検証する |
3 |
False (偽) |
| JS.REACT.JSX.KEY
|
問題となる可能性があるコードプラクティス |
反復子/コレクションリテラルで欠落している 'key' プロップを報告する |
3 |
True (真) |
| JS.REACT.JSX.MAX.DEPTH
|
スタイルに関する指摘 |
JSX の最大深さを検証する |
3 |
False (偽) |
| JS.REACT.JSX.MAX.PROPS.PER.LINE
|
スタイルに関する指摘 |
JSX の各行の最大プロップ数を制限する |
3 |
False (偽) |
| JS.REACT.JSX.NEWLINE
|
スタイルに関する指摘 |
JSX の要素と式の後に改行を要求または防止する |
3 |
False (偽) |
| JS.REACT.JSX.NO.BIND
|
問題となる可能性があるコードプラクティス |
React コンポーネントプロップでの Function.prototype.bind 関数と矢印関数の使用を防ぐ |
3 |
False (偽) |
| JS.REACT.JSX.NO.COMMENT.TEXTNODES
|
問題となる可能性があるコードプラクティス |
タグの子セクション内のコメントは中括弧内に入れる必要がある |
3 |
True (真) |
| JS.REACT.JSX.NO.CONSTRUCTED.CONTEXT.VALUES
|
問題となる可能性があるコードプラクティス |
不要な再レンダリングを引き起こす値を JSX コンテキストプロバイダー値が受け取ることを防ぐ |
3 |
False (偽) |
| JS.REACT.JSX.NO.DUPLICATE.PROPS
|
問題となる可能性があるコードプラクティス |
プロップが重複しないように強制する |
3 |
True (真) |
| JS.REACT.JSX.NO.LEAKED.RENDER
|
安全でないコードに関する手法 |
問題のあるリークされた値がレンダリングされることを防ぐ |
3 |
False (偽) |
| JS.REACT.JSX.NO.LITERALS
|
問題となる可能性があるコードプラクティス |
React コンポーネント定義での文字列リテラルの使用を防ぐ |
3 |
False (偽) |
| JS.REACT.JSX.NO.SCRIPT.URL
|
安全でないコードに関する手法 |
'javascript:' URL を禁止する |
2 |
False (偽) |
| JS.REACT.JSX.NO.TARGET.BLANK
|
安全でないコードに関する手法 |
'rel="noreferrer"' のない 'target="_blank"' 属性を禁止する |
2 |
True (真) |
| JS.REACT.JSX.NO.UNDEF
|
問題となる可能性があるコードプラクティス |
宣言されていない変数を JSX で許可しない |
3 |
True (真) |
| JS.REACT.JSX.NO.USELESS.FRAGMENT
|
問題となる可能性があるコードプラクティス |
不要なフラグメントを許可しない |
3 |
False (偽) |
| JS.REACT.JSX.ONE.EXPRESSION.PER.LINE
|
スタイルに関する指摘 |
JSX の各行の式を 1 つに制限する |
3 |
False (偽) |
| JS.REACT.JSX.PASCAL.CASE
|
スタイルに関する指摘 |
ユーザー定義の JSX コンポーネントに PascalCase を強制する |
3 |
False (偽) |
| JS.REACT.JSX.PROPS.NO.MULTI.SPACES
|
スタイルに関する指摘 |
インライン JSX プロップ間の複数のスペースを許可しない |
3 |
False (偽) |
| JS.REACT.JSX.PROPS.NO.SPREADING
|
スタイルに関する指摘 |
JSX プロップの拡散を防ぐ |
3 |
False (偽) |
| JS.REACT.JSX.SORT.DEFAULT.PROPS
|
スタイルに関する指摘 |
デフォルトのプロップをアルファベット順に並べる |
3 |
False (偽) |
| JS.REACT.JSX.SORT.PROPS
|
スタイルに関する指摘 |
プロップをアルファベット順に並べる |
3 |
False (偽) |
| JS.REACT.JSX.SPACE.BEFORE.CLOSING
|
スタイルに関する指摘 |
JSX の右角括弧の前の空白を検証する |
3 |
False (偽) |
| JS.REACT.JSX.TAG.SPACING
|
スタイルに関する指摘 |
JSX の左角括弧と右角括弧の中と前後の空白を検証する |
3 |
False (偽) |
| JS.REACT.JSX.USES.REACT
|
問題となる可能性があるコードプラクティス |
React が未使用とマークされるのを防ぐ |
3 |
True (真) |
| JS.REACT.JSX.USES.VARS
|
未使用のローカル変数 |
JSX で使用されている変数が未使用とマークされることを防ぐ |
3 |
True (真) |
| JS.REACT.JSX.WRAP.MULTILINES
|
スタイルに関する指摘 |
複数行の JSX の前後で括弧の欠落を防ぐ |
3 |
False (偽) |
| JS.REACT.NO.ACCESS.STATE.IN.SETSTATE
|
問題となる可能性があるコードプラクティス |
setState 内で this.state がアクセスされる場合に報告する |
3 |
False (偽) |
| JS.REACT.NO.ADJACENT.INLINE.ELEMENTS
|
スタイルに関する指摘 |
隣接するインライン要素が空白で区切られるのを防ぐ |
3 |
False (偽) |
| JS.REACT.NO.ARRAY.INDEX.KEY
|
問題となる可能性があるコードプラクティス |
キーでの配列インデックスの使用を防ぐ |
3 |
False (偽) |
| JS.REACT.NO.ARROW.FUNCTION.LIFECYCLE
|
問題となる可能性があるコードプラクティス |
ライフサイクルメソッドは、クラスフィールドではなくプロトタイプで、メソッドである必要があります |
3 |
False (偽) |
| JS.REACT.NO.CHILDREN.PROP
|
問題となる可能性があるコードプラクティス |
子をプロップとして渡すことを防ぐ |
3 |
True (真) |
| JS.REACT.NO.DANGER
|
安全でないコードに関する手法 |
危険な JSX プロップの使用を防ぐ |
2 |
False (偽) |
| JS.REACT.NO.DANGER.WITH.CHILDREN
|
問題となる可能性があるコードプラクティス |
子と dangerouslySetInnerHTML の両方を DOM 要素が使用している場合に報告する |
3 |
True (真) |
| JS.REACT.NO.DEPRECATED
|
安全でないコードに関する手法 |
廃止されたメソッドの使用を防ぐ |
2 |
True (真) |
| JS.REACT.NO.DID.MOUNT.SET.STATE
|
パフォーマンス問題 |
componentDidMount での setState の使用を防ぐ |
3 |
False (偽) |
| JS.REACT.NO.DID.UPDATE.SET.STATE
|
パフォーマンス問題 |
componentDidUpdate での setState の使用を防ぐ |
3 |
False (偽) |
| JS.REACT.NO.DIRECT.MUTATION.STATE
|
問題となる可能性があるコードプラクティス |
this.state の直接ミューテーションを防ぐ |
3 |
True (真) |
| JS.REACT.NO.FIND.DOM.NODE
|
安全でないコードに関する手法 |
findDOMNode の使用を防ぐ |
3 |
True (真) |
| JS.REACT.NO.INVALID.HTML.ATTRIBUTE
|
保守性の問題 |
無効な値を伴う属性を禁止する |
3 |
False (偽) |
| JS.REACT.NO.IS.MOUNTED
|
安全でないコードに関する手法 |
isMounted の使用を防ぐ |
3 |
True (真) |
| JS.REACT.NO.MULTI.COMP
|
不適切なカプセル化 |
各ファイルでコンポーネント定義が複数回行われることを防ぐ |
3 |
False (偽) |
| JS.REACT.NO.NAMESPACE
|
不適切なカプセル化 |
React 要素で名前空間が使用されないことを強制する |
3 |
False (偽) |
| JS.REACT.NO.REDUNDANT.SHOULD.COMPONENT.UPDATE
|
冗長コード |
PureComponent の拡張時に shouldComponentUpdate にフラグを立てる |
3 |
False (偽) |
| JS.REACT.NO.RENDER.RETURN.VALUE
|
問題となる可能性があるコードプラクティス |
React.render の戻り値の使用を防ぐ |
3 |
True (真) |
| JS.REACT.NO.SET.STATE
|
不適切なカプセル化 |
setState の使用を防ぐ |
3 |
False (偽) |
| JS.REACT.NO.STRING.REFS
|
問題となる可能性があるコードプラクティス |
参照用の文字列定義を防ぐとともに、this.refs の参照を防ぐ |
3 |
True (真) |
| JS.REACT.NO.THIS.IN.SFC
|
安全でないコードに関する手法 |
ステートレスコンポーネントで "this" が使用されていることを報告する |
2 |
False (偽) |
| JS.REACT.NO.TYPOS
|
問題となる可能性があるコードプラクティス |
一般的な誤字を防ぐ |
3 |
False (偽) |
| JS.REACT.NO.UNESCAPED.ENTITIES
|
問題となる可能性があるコードプラクティス |
タグ形式が不正である可能性のある、エスケープされていない HTML エンティティを検出する |
3 |
True (真) |
| JS.REACT.NO.UNKNOWN.PROPERTY
|
問題となる可能性があるコードプラクティス |
不明な DOM プロパティの使用を防ぐ |
3 |
True (真) |
| JS.REACT.NO.UNSAFE
|
問題となる可能性があるコードプラクティス |
安全でないライフサイクルメソッドの使用を防ぐ |
3 |
False (偽) |
| JS.REACT.NO.UNSTABLE.NESTED.COMPONENTS
|
安全でないコードに関する手法 |
コンポーネント内に不安定なコンポーネントが作成されるのを防ぐ |
2 |
False (偽) |
| JS.REACT.NO.UNUSED.CLASS.COMPONENT.METHODS
|
未使用のローカル変数 |
コンポーネントクラスの未使用のメソッドを宣言することを防ぐ |
3 |
False (偽) |
| JS.REACT.NO.UNUSED.PROP.TYPES
|
未使用のローカル変数 |
未使用のプロップタイプの定義を防ぐ |
3 |
False (偽) |
| JS.REACT.NO.UNUSED.STATE
|
未使用のローカル変数 |
未使用の state フィールドの定義を防ぐ |
3 |
False (偽) |
| JS.REACT.NO.WILL.UPDATE.SET.STATE
|
安全でないコードに関する手法 |
componentWillUpdate での setState の使用を防ぐ |
2 |
False (偽) |
| JS.REACT.PREFER.ES6.CLASS
|
スタイルに関する指摘 |
React コンポーネントに対し ES5 または ES6 クラスを強制する |
3 |
False (偽) |
| JS.REACT.PREFER.EXACT.PROPS
|
安全でないコードに関する手法 |
正確な proptype 定義を優先する |
3 |
False (偽) |
| JS.REACT.PREFER.READ.ONLY.PROPS
|
スタイルに関する指摘 |
読み取り専用プロップを要求する |
3 |
False (偽) |
| JS.REACT.PREFER.STATELESS.FUNCTION
|
パフォーマンス問題 |
ステートレスコンポーネントが純粋関数として書き込まれるように強制する |
3 |
False (偽) |
| JS.REACT.PROP.TYPES
|
保守性の問題 |
React コンポーネント定義でプロップ検証の欠落を防ぐ |
3 |
True (真) |
| JS.REACT.REACT.IN.JSX.SCOPE
|
問題となる可能性があるコードプラクティス |
JSX の使用時に React の欠落を防ぐ |
3 |
True (真) |
| JS.REACT.REQUIRE.DEFAULT.PROPS
|
不適切なカプセル化 |
必須プロップではない各プロップに defaultProps 定義を強制する |
3 |
False (偽) |
| JS.REACT.REQUIRE.OPTIMIZATION
|
スタイルに関する指摘 |
shouldComponentUpdate メソッドを実装するために React コンポーネントを強制する |
3 |
False (偽) |
| JS.REACT.REQUIRE.RENDER.RETURN
|
不適切なカプセル化 |
render 関数で値を返すために ES5 または ES6 クラスを強制する |
3 |
True (真) |
| JS.REACT.SELF.CLOSING.COMP
|
スタイルに関する指摘 |
子のないコンポーネントに余分の右タグが付くのを防ぐ |
3 |
False (偽) |
| JS.REACT.SORT.COMP
|
スタイルに関する指摘 |
コンポーネントメソッドの順番を強制する |
3 |
False (偽) |
| JS.REACT.SORT.PROP.TYPES
|
スタイルに関する指摘 |
propTypes 宣言をアルファベット順に並べる |
3 |
False (偽) |
| JS.REACT.STATE.IN.CONSTRUCTOR
|
スタイルに関する指摘 |
ES6 クラスコンポーネントの状態初期化はコンストラクタ内で行う必要がある |
3 |
False (偽) |
| JS.REACT.STATIC.PROPERTY.PLACEMENT
|
スタイルに関する指摘 |
React コンポーネントの静的プロパティをどこに配置すべきかを定義する |
3 |
False (偽) |
| JS.REACT.STYLE.PROP.OBJECT
|
スタイルに関する指摘 |
スタイルプロップ値がオブジェクトになるように強制する |
3 |
False (偽) |
| JS.REACT.VOID.DOM.ELEMENTS.NO.CHILDREN
|
問題となる可能性があるコードプラクティス |
DOM 要素 ('<br />' など) を無効にするため、子が渡されることを防ぐ |
3 |
False (偽) |