Recientemente, descubrí que el rendimiento del código de nuestra empresa es deficiente. Mientras revisaba el código, hay tantos códigos como este:
condition ? <SomeComponent /> : <></>Usan Fragment como reemplazo de nulo. ¿Puede este código producir un problema de rendimiento?
Es poco probable que los fragmentos estén causando (si los hay) problemas de rendimiento notables. Como destaca esta respuesta , los fragmentos en realidad no crean un nodo DOM adicional.
Dicho esto, los documentos de reacción sugieren usar null cuando no desea que un componente se reproduzca en absoluto, pero nuevamente, no creo que usarlos sea la causa principal de la lentitud en su aplicación.
Vería posibles renderizaciones innecesarias, especialmente en componentes secundarios anidados que los componentes principales vuelven a renderizar con cambios de estado.
Definitivamente, también echaría un vistazo a React Profiler y lo usaría para tener una idea de lo que está causando los problemas de rendimiento.