Mi primera aventura en React: creando una aplicación desde cero

Qué es react?

React es una biblioteca de JavaScript desarrollada por Facebook para construir interfaces de usuario. Utiliza componentes para construir aplicaciones web y móviles de forma eficiente y escalable. React permite crear componentes reutilizables y manejar el estado de la aplicación de manera sencilla, lo que facilita la creación de aplicaciones complejas.

Tu primer Hola Mundo en React

import React from 'react';

function HelloWorld() {
  return <h1>Hola mundo</h1>;
}

export default HelloWorld;

En este ejemplo, se importa la biblioteca React y se define un componente llamado HelloWorld, que devuelve un elemento <h1> con el texto “Hola mundo”.

Luego, se exporta el componente para poder ser utilizado en otro lugar de la aplicación.

Para mostrar este componente en una página web, se necesitaría utilizar ReactDOM:

import React from 'react';
import ReactDOM from 'react-dom';
import HelloWorld from './HelloWorld';

ReactDOM.render(<HelloWorld />, document.getElementById('root'));

En este ejemplo, se importa ReactDOM y se utiliza el método render para mostrar el componente HelloWorld en un elemento con id “root” de la página HTML.

Es importante recordar que para este ejemplo se asume que se tiene configurado un entorno de desarrollo de React y se tiene los archivos necesarios para el funcionamiento de React.