jsx-eslint/eslint-plugin-react

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

Open

#1,633 opened on Jan 8, 2018

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

Description

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.

Contributor guide

Tech stack
javascriptreact
Domain
frontendtooling
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
ESLint rule developmentAST conceptsReact JSXeslint plugin react conventions
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
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.
New rule to avoid prop value with array or object creation in render · jsx-eslint/eslint-plugin-react#1633 | Good First Issue