React: Crear componentes

En la carpeta src si no existe crear components y dentro de ella el nombre del componente (contador.js)
import React,{useState} from "react";
const Contador=()=>{
const[cuenta, setContador]=useState(1);
const incrementar=()=>{
setContador(cuenta+1);
};
const decrementar=()=>{
setContador(cuenta-1);
};

return(
<div>
<button onClick={decrementar}> - </button>
<input type="text" value={cuenta}></input>
<button onClick={incrementar}> + </button>
</div>
);
}
export default Contador;

Y luego ya en el App.js:
import Contador from './components/contador';
...
<Contador></Contador>


React: Crear una primera app

Hay que tener instalado lógicamente antes node.js

Desde la terminal de visual studio code:
npx create-react-app my-app-lsg-galeria Entrar en la carpeta creada:
npx start

para poder usar useState:
import React, {useState} from "react";
...
// useState siempre maneja dos valores, el resultado y la función para cambiar dicho valor
const [resultado,setResultado] = useState(null);
...
setResultado(15);
...
return <div>{resultado}</div>