Fragmentos y control de errores - Tutorial de React.js

Te voy a mostrar una técnica para ayudarte a hacer tu código HTML más eficiente y también para poder generar un CSS de mejor calidad. Por ejemplo, acá estoy dentro de un componente, y este componente es bastante común. Y estamos utilizando un div para desplegar la información que va a mostrarse en el navegador. Vamos a guardar este componente y veamos el resultado dentro del navegador. Acá lo que tenemos es una lista de ítems, pero si hacemos clic derecho y seleccionamos Inspect, al buscar dentro del HTML que estamos generando, vemos que acá se encuentra un div que es el que está englobando mi componente. Este div no tiene ninguna otra función salvo la de englobar mi componente. ¿Qué pasa si queremos eliminarlo? Por ejemplo, veamos un escenario en el que yo voy a modificar el CSS, y voy a insertar una clase div donde todos los divs van a tener un borde de color rojo. Guardamos y si vemos el resultado acá, vamos a encontrar de que nuestra aplicación, pues, por defecto, tiene un div…