Aprendiendo React, 2ª Edición

Capítulo 4. Cómo funciona React

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: [e-mail]

Hasta ahora en tu viaje, has repasado la sintaxis más reciente. Has repasado los patrones de programación funcional que guiaron la creación de React. Estos pasos te han preparado para dar el siguiente paso, para hacer lo que has venido a hacer aquí: aprender cómo funciona React. Empecemos a escribir código React de verdad.

Cuando trabajas con React, es más que probable que crees tus aplicaciones con JSX. JSX es una sintaxis de JavaScript basada en etiquetas que se parece mucho a HTML. Es una sintaxis en la que profundizaremos en el próximo capítulo y que seguiremos utilizando durante el resto del libro. Sin embargo, para entender realmente React, necesitamos comprender sus unidades más atómicas: los elementos React. A partir de ahí, nos adentraremos en los elementos React. A partir de ahí, nos adentraremos en los componentes React viendo cómo podemos crear componentes personalizados que componen otros componentes y elementos.

Configurar página

En para trabajar con React en el navegador, necesitamos incluir dos bibliotecas: React y ReactDOM. React es la biblioteca para crear vistas. ReactDOM es la biblioteca que se utiliza para renderizar realmente la interfaz de usuario en el navegador. Ambas bibliotecas están disponibles como scripts en el CDN de unpkg (los enlaces se incluyen en el código siguiente). Vamos a crear un documento ...