¿Sabes qué es create-react-app en React? React es una de las librerías de JavaScript más populares en el mundo de la programación web, la segunda después de JQuery. Con esta librería, podemos juntar el poder de JavaScript con la facilidad de una sintaxis similar a HTML, lo que nos da la posibilidad de ejecutar acciones de un modo mucho más simple.
En este post, te enseñaremos qué es create-react-app en React y su funcionamiento, una forma rápida de crear aplicaciones de una sola página en esta librería.
El contexto
Antes de respodner qué es create react app, te daremos un contexto. React es una librería que nos permite crear aplicaciones de una sola página, también conocidas como SPA por sus siglas en inglés: single page application. Como has podido leer en otros de nuestros posts sobre React app, su sintaxis se basa en elementos, componentes, estados y efectos. Para conocer más sobre estos temas y sobre aplicaciones con react, te invitamos a explorar la sección sobre desarrollo web de nuestro blog.
Para crear aplicaciones con React de manera manual, tendríamos que seguir muchos pasos. Primero, tendríamos que crear una configuración de webpack donde definamos qué módulos pasar por babel, qué módulos pasar por estilos, etc. Luego, dentro de la configuración de webpack, tendríamos que crear una configuración para crear el compilado final. Esta opción nos da mucha libertad, pues estamos creando nuestro código desde cero. Sin embargo, el mundo de la programación nos ha dado la posibilidad de simplificar este proceso de crear aplicaciones con react.
A pesar de la gran utilidad de estos elementos para la app con react, en la práctica no solemos empezar un proyecto con una página de código en blanco. De hecho, existen distintas herramientas que nos facilitan el proceso de empezar un proyecto. Una de ellas es create-react-app en React app. Con esta herramienta, obtendremos toda esta configuración sin tener que escribirla nosotros mismos. Esto nos permite poder empezar a diseñar nuestra aplicación de manera inmediata, sin tener que preocuparnos por los anteriores pasos.
Desde KeepCoding, te sugerimos empezar a utilizar este tipo de herramientas después de entender la lógica webpack. Comprender cómo funciona el proceso de configurar una app con react te ayudará a entender exactamente qué hacen estas herramientas para facilitarnos la vida y te permitirá manipular su configuración cuando así lo requieras. Si ya conoces este proceso, ¡anímate a utilizar esta herramienta, como la de crear app react!
¿Qué es create-react-app en React?
Ahora sí, respondamos la pregunta sobre qué es create react app. Create-react-app en React es un paquete que podemos instalar de manera global para crear nuestras aplicaciones directamente dentro de esta librería de JavaScript, y por lo tanto, para crear app react. Cuando creemos una aplicación React con este paquete, obtendremos un entorno o ambiente de desarrollo previamente configurado con unos comandos predeterminados. Este ambiente está preparado para que podamos ejecutar todo tipo de acciones e insertar todo tipo de elementos. Además, esta herramienta está preparada para que nuestro JSX se entienda con Babel y soporta las últimas novedades de JavaScript.
Para instalar create-react-app en React app o crear app react, te invitamos a explorar la página create-react-app.dev. Si lo que necesitas es un tutorial para entender cómo puedes utilizar esta herramienta, te recomendamos nuestro post sobre crear una aplicación con create-react-app.
¿Qué sigue?
Ahora que sabes cómo utilizar create-react-app en React para crear una aplicación web, ¡es el momento de que la uses para crear tus propios proyectos! Para aprender a desarrollar proyectos, no solo en React sino también en otras herramientas de programación, te invitamos a participar en nuestro Desarrollo Web Full Stack Bootcamp. Allí, aprenderás dominar lenguajes como JSX, JavaScript, CSS y HTML, con lo que te convertirás en un experto del desarrollo web en pocos meses. ¿A qué esperas para empezar? ¡Matricúlate ya!
