Ejercicios prácticos con React. Carlos Santana Roldán

en Node es realmente lenta!), ya no es necesario empaquetar React para obtener un buen rendimiento de renderizado del servidor.

      5. Reducido tamaño del archivo. Como se indica en el sitio web oficial: A pesar de todas estas incorporaciones, React 16 es muy pequeño comparado con la versión 15.6.1.

      • React ocupa 5,3 kb (2,2 kb comprimido), inferior a los 20,7 kb (6,9 kb comprimido)

      • React-dom ocupa 103,7 kb (32,6 kb comprimido), inferior a los 141 kb (42,9 kb comprimido)

      • react + react-dom ocupa 109 kb (34,8 kb comprimido), inferior a los 161,7 kb (49,8 kb comprimido)

      Esto equivale a una reducción de tamaño combinada del 32 % en comparación con la versión anterior (30 % después de comprimirlo).

       Si quiere consultar las últimas actualizaciones de React, visite el blog oficial de React: https://reactjs.org/blog.

Utilización de React en Windows

      No soy un gran fan del desarrollo con Windows ya que a veces su configuración resulta problemática. Prefiero siempre Linux o Mac, pero soy consciente de que muchos de los que están leyendo este libro utilizan Windows. En esta receta mostraré los problemas más habituales que se pueden presentar si trata de seguir las recetas de este libro utilizando Windows.

Cómo hacerlo...

      Va a ver ahora los problemas más habituales haciendo el desarrollo con Windows:

      1. Terminal. El primer problema con el que se enfrenta es utilizar el terminal de Windows (CMD) porque no soporta los comandos Unix (como Linux o Mac). La solución es instalar un terminal Unix. La opción más recomendada es utilizar el terminal de Git Bash, incluido en la instalación de Git (https://gitscm.com), y la segunda opción es instalar Cygwin, un terminal Linux en Windows (https://www.cygwin.com).

      2. Variables de entorno. Otro problema que aparece con frecuencia cuando se utiliza Windows es establecer variables de entorno. En general, cuando escribe scritps npm, establece variables de entorno como NODE_ENV=production o BABEL_ENV=development, pero para establecer esas variables en Windows, se utiliza el comando SET, lo que significa que se necesita escribir SET NODE_ENV=production o SET BABEL_ENV=development. El problema al hacer esto es que si está trabajando con otros colaboradores que utilizan Linux o Mac, tendrán problemas con el comando SET, y probablemente necesitará ignorar este archivo y modificarlo solo para su entorno local. Puede ser aburrido. La solución a este problema es utilizar el paquete llamado cross-env. Este se puede instalar haciendo npm install cross-env, y esta solución funcionará en Windows, Mac, y Linux:

      3. Archivos o directorios sensibles a mayúsculas y minúsculas. En realidad, este problema también se presenta en Linux, pero a veces es muy dificil identificarlo. Por ejemplo, esto ocurre si crea un componente en el directorio components/home/Home.jsx, pero en el código trata de importar un componente como este:

       Normalmente, esta forma de proceder no causará ningún problema en Mac, pero puede generar un error en Linux o Windows, ya que está tratando de importar un archivo que tiene un nombre diferente (debido a que son sensibles a mayúsculas y minúsculas) en el directorio.

      4. Rutas. Windows utiliza la barra invertida (\) para definir una ruta, mientras que en Mac o Linux se usa la barra oblicua (/). Esto constituye un problema, porque si se necesita definir una ruta (principalmente en Node.js) hay que hacer algo semejante a: