jsx-logical-operators

This may negatively impact performance for a react app, as it increases the size of the tree that needs to be diffed/rendered by React, and does not truncate the component tree below it in the same way as a ternary would.

That being said, personally I find this kind of declarative logic to be much easier to read in React code than ternaries, or even in many cases separated functions.

If

$3

``tsx

Show me if someCondition is true!

`

$3

`tsx

Show me if someCondition is true!
Show me if someCondition is false and someOtherCondition is true!
Show me if neither someCondition nor someOtherCondition are true!

`

Switch

$3

NOTE: Fall-through is not supported at this time.

`tsx

Show me when someValue is A!
Show me when someValue is B!
Show me if the value is not A or B!

`

$3

`tsx

Show me when someCondition is true!
Show me when someCondition is false and someOtherCondition is true!

`

$3

`tsx

val?.startsWith('A')}>Show me when the value starts with A!
val?.startsWith('B')}>Show me when the value starts with B!

`

$3

`tsx

someCondition}>Show me when someCondition is true!

``