jsx-eslint/eslint-plugin-react

New rule to avoid prop value with array or object creation in render

Open

#1,633 opened on 2018年1月8日

GitHub で見る
 (17 comments) (10 reactions) (0 assignees)JavaScript (8,630 stars) (2,797 forks)batch import
acceptedhelp wantednew rule

説明

There is a rule for prop value with function creation (bind, function(...), or arrow function): react/jsx-no-bind But I can't find a rule for array ([]) or object ({}) creation.

It would be useful since it would help to avoid useless renders of pure components.

コントリビューターガイド

技術スタック
javascriptreact
領域
frontendtooling
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
ESLint rule developmentAST conceptsReact JSXeslint plugin react conventions
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
60
調査方針
Examine the existing rule `react/jsx no bind` as a template. Look at the ESLint rule implementation in the `lib/rules` directory. Check the test files in `tests/rules`. The issue discusses possibly making it a separate rule or extending the existing one. There is also a suggestion to use a different name. Consult the maintainers' comments in the issue for acceptance criteria and naming conventions.