Que es React?

Bienvenido a React

React es una libreria de JavaScript para construir interfaces de usuario. Fue creada por Facebook en 2013 y se ha convertido en la herramienta mas popular para desarrollo frontend.

Por que React?

• Componentes reutilizables: Divide tu UI en piezas independientes
• Virtual DOM: Actualizaciones eficientes y rapidas
• Declarativo: Describes que quieres ver, React se encarga del como
• Gran ecosistema: Miles de librerias y herramientas
• Alta demanda laboral: Skill muy solicitado en el mercado

React vs Vanilla JavaScript

Con JavaScript puro, manipulas el DOM directamente:

// Vanilla JS
const button = document.createElement('button');
button.textContent = 'Clicks: 0';
let count = 0;
button.onclick = () => {
  count++;
  button.textContent = 'Clicks: ' + count;
};
document.body.appendChild(button);

Con React, describes el estado y la UI:

// React
function Counter() {
  const [count, setCount] = useState(0);

  return (
    <button => setCount(count + 1)}>
      Clicks: {count}
    </button>
  );
}

Conceptos clave

• Componentes: Funciones que retornan UI
• JSX: Sintaxis que parece HTML en JavaScript
• Props: Datos que pasan de padre a hijo
• State: Datos que cambian con el tiempo
• Hooks: Funciones para agregar funcionalidad

React te permite pensar en tu aplicacion como una composicion de componentes independientes, cada uno manejando su propia logica y apariencia.

Practica de portfolio

Convierte esta leccion en evidencia real: arma una entrega pequena que puedas mostrar en una entrevista, en LinkedIn o en tu portfolio. Trabaja con un caso propio o con una empresa ficticia, pero deja claro el problema, la decision y el resultado.

• Entregable: una captura, documento, repositorio o tablero con el resultado final.
• Checklist: objetivo, pasos seguidos, criterio de calidad y mejora pendiente.
• Mini-rubrica: si otra persona lo revisa, debe entender que hiciste, por que y como repetirlo.