📌 Introducción a React

📌 Introducción a React

Aprende qué es React, cómo funciona, su historia y cómo empezar a crear tus primeros componentes. Esta lección te dará la base necesaria para avanzar con JSX, componentes y Hooks.

---

📌 Índice de esta entrada:

1. ⚡ ¿Qué es React?
2. 💡 ¿Cómo funciona React?
3. 📝 Lo que ya deberías saber
4. 📜 Historia de React.js
5. 🚀 Instalación y creación de la primera app

---

⚡ ¿Qué es React?

React es una librería de JavaScript para el front-end, desarrollada por el ingeniero de software de Facebook, Jordan Walke. También se conoce como React.js o ReactJS. Es una herramienta diseñada para construir componentes de interfaz de usuario reutilizables y dinámicos.

💡 ¿Cómo funciona React?

React crea un DOM virtual en memoria. En lugar de manipular directamente el DOM del navegador, React hace todos los cambios necesarios en este DOM virtual y luego actualiza solamente los elementos que han cambiado en el DOM real.

Esto hace que las actualizaciones sean más rápidas y eficientes. ¡React solo cambia lo que realmente necesita cambiar!

📝 Lo que ya deberías saber

Antes de continuar con React, deberías tener conocimientos básicos de:

• HTML
• CSS
• JavaScript

Si aún no manejas estos temas, te recomendamos estudiar primero los tutoriales de nuestra página de inicio.

📜 Historia de React.js

• El lanzamiento inicial público (versión 0.3.0) fue en julio de 2013.
• React se utilizó por primera vez en 2011 para la función de noticias de Facebook.
• Creado por Jordan Walke, ingeniero de software de Facebook.
• La última versión estable es la 19.0.0 (diciembre de 2024).

🚀 Instalación y creación de la primera app

La forma más sencilla de empezar es usando create-react-app:

npx create-react-app mi-primer-app
cd mi-primer-app
npm start
    

Esto crea un proyecto React listo para usar y arranca un servidor local en http://localhost:3000.

---

💡 Consejo: Familiarízate con la estructura de React, el DOM virtual y JSX desde el inicio. Esto facilitará aprender componentes, props y Hooks más adelante.

← Volver al índice