En esta sección aprendemos los fundamentos de React. Arrancamos por los conceptos básicos que necesitamos para crear nuestra aplicación.
Para que estos conceptos se asienten, en cada una de las lecciones vamos a estar haciendo algunos ejercicios, que podes encontrar en la carpeta src/fundamentos del proyecto instalado. Utilizá el editor de texto que más te guste para abrirlo.
Al levantar el servidor vas ver el resultado del código corriendo de cada ejercicio en la página principal (http://localhost:3000) yendo a la opción de "Ejercicios de los Fundamentos".
Este repositorio fue creado con create-react-app, una herramienta que se encarga internamente de la compilación de nuestra aplicación, y nos ofrece un servidor de desarrollo para trabajar. Esto hace que no tengamos que preocuparnos por configuración ni nada por el estilo. Además esta muy bien documentada, y en constante mantenimiento por la comunidad.
Si bien ahora no lo vas a usar directamente, te recomiendo que utilices esta herramienta en tus proyectos futuros de React. Es la forma más sencilla de utilizar React en tus aplicaciones, y además tiene muchas utilidades que mejoran la productividad al desarrollar, como vas a poder aprovechar en este repo. Cosas tales como mensajes de error directamente en el navegador, o recarga del código sin tener que refrescar el navegador, son ejemplos de lo que obtenemos solamente con utilizar create-react-app.
Otra herramienta muy útil es React Developer Tools y podes aprender a usarla leyendo la documentación y viendo los ejemplos del sitio. Está disponible como extensión para Chrome y para Firefox.
Ahora vamos a ver como crear elementos y dibujarlos.