Why not develop a Babel plugin that defines rules to identify JSX expressions containing ternary operators and automatically convert them into <Show> components?

[robertpanvip]

Hello everyone,

While developing with SolidJS, I noticed that using ternary operators for conditional rendering in JSX can lead to components being recreated every time the condition changes. To address this issue, SolidJS provides the <Show> component for efficient conditional rendering.

However, manually replacing ternary operators with the <Show> component in existing code can be cumbersome and error-prone. Therefore, I suggest developing a Babel plugin that automatically identifies and converts ternary operators in JSX to the <Show> component structure.

The main features of this plugin would include:

• Traversing JSX code to identify expressions containing ternary operators.
• Converting identified ternary operators into <Show> component structures.
• Ensuring that the transformed code functions and performs as expected.

I believe this plugin can help developers write high-performance SolidJS applications more easily.

[ryansolid]

We already do this. Can you provide a n example where it doesn't work as you expect?

[kachurun]

@robertpanvip
Just sounds like this bug that was solved in the last minor update