This is very interesting. Thank you for pointing this out to me.
I see now that in both examples I am storing objects in the state. The first example is using JSX objects and the second example is using my own JSON objects.
In my second example, my own objects may be easier to manipulate across multiple rendering scenarios, but if that is not a requirement then it's additional work for the browser to transform these into JSX objects, and this output stream could theoretically stack up to contain thousands of objects.
So I agree with you, this isn't an antipattern. I am now thinking of this as a refactoring technique for re-usability that can be adopted when multiple components need to render centralized data.
Thanks for providing the example of storing JSX for modals in the state, that is a great example that is a common project requirement.
Perhaps one more thing to add, is that if you were to serialize the state (to persist it in local storage for example), you'd also have to use custom objects. React Elements are circular, so you can't easily stringify them.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
This is very interesting. Thank you for pointing this out to me.
I see now that in both examples I am storing objects in the state. The first example is using JSX objects and the second example is using my own JSON objects.
In my second example, my own objects may be easier to manipulate across multiple rendering scenarios, but if that is not a requirement then it's additional work for the browser to transform these into JSX objects, and this output stream could theoretically stack up to contain thousands of objects.
So I agree with you, this isn't an antipattern. I am now thinking of this as a refactoring technique for re-usability that can be adopted when multiple components need to render centralized data.
Thanks for providing the example of storing JSX for modals in the state, that is a great example that is a common project requirement.
Glad you found that useful!
Perhaps one more thing to add, is that if you were to serialize the state (to persist it in local storage for example), you'd also have to use custom objects. React Elements are circular, so you can't easily stringify them.