Mi entrada a React: El comienzo de un nuevo viaje 🚀

Siempre había escuchado hablar de React.
Es rápido, es decadlarativo, es la librería que debes aprender si quieres hacer frontend profesional. Hasta que un día decidí dar el salto.

¿Qué es React?

En pocas palabras, React es una librería de JavaScript para construir interfaces de usuario (UI). Fue creada por Facebook y hoy en día es utilizada por grandes empresas como Instagram, Airbnb, Netflix... y probablemente el próximo proyecto en el que quieras trabajar.

Lo que me llamó la atención de React es que te obliga a pensar en tu UI como una colección de componentes. Cada componente es como una mini-aplicación en sí misma: tiene su propia lógica, su propio diseño y puede reutilizarse en diferentes partes del proyecto.

¿Qué aprendí al empezar?

Cuando comencé, entendí que React tiene algunos conceptos clave:

• JSX: Es como escribir HTML dentro de JavaScript. Al principio se ve raro, pero luego te preguntas cómo viviste sin él.
• Componentes: Todo en React es un componente. Un botón, una tarjeta, un formulario... Todo.
• Props: Son la manera de pasar información de un componente padre a uno hijo.
• Estado (State): Es cómo React recuerda información a lo largo del tiempo (por ejemplo, qué elemento está seleccionado).
• Eventos: Como en el DOM, puedes capturar clics, cambios, etc., pero de una forma más organizada.

¿Mi primer código en React?

Mi primer "Hola Mundo" en React se veía más o menos así:

import React from 'react';
import ReactDOM from 'react-dom/client';

function App() {
  return <h1>¡Hola, mundo desde React!</h1>;
}

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<App />);

¿Consejos si estás empezando?

• No te frustres: Al principio parece complicado, pero todo empieza a tener sentido con la práctica.
• Entiende primero JavaScript: React es JavaScript. Saber bien JS te hará la vida más fácil.
• Haz pequeños proyectos: Un contador, una to-do list, un formulario... ¡Todo suma!
• Explora herramientas modernas: Hoy en día se usa mucho Vite para crear proyectos de React de forma más rápida que con Create React App.