Yo creo que te estas complicando mucho, lo mejor es usar npm. Yo vivo en el sur de argentina, y tengo un inet de 3mb y no tengo ningún problema, no creo que vos en españa tengas un inet peor xD.
Si ya tenes node entonces tenes NPM y NPX. Lo mejor para desarrollar con react es usar la herramienta
create-react-app. Para instalarla de forma global solo ejecuta en una terminal:
npm install -g create-react-app
Y una vez instalada, para crear un bolilerplate de una app de react simplemente ejecutas:
create-react-app nombre_de_tu_app
Y en menos de 5 minutos tendrás todo lo necesario para trabajar de forma profesional con react, el transpilador de de babel, etc.
Ahora, si insistes en trabajar de esa forma, simplemente incluyendo la libreria en un documento html por medio de etiquetas script como si de jquery se tratara, lo mejor en mi opinión es instalar en local dichas librerias con npm. Creas una carpeta, y dentro de ella en tu shell ejecutas:
npm init -y
Con eso crearas un archivo package.json generico, en necesario para el siguiente paso, que consiste en instalar los paquetes de forma local con npm:
npm install react react-dom
Y con eso ya tendrias todos los archivos del ambos paquetes en local, dentro de la carpeta node_modules.
Solo hay que aclarar que react solo funciona desde un servidor web(http/https), no funciona desde el sistema de archivos(file://). Lo mas práctico es instalarte de forma global el paquete http-server con la siguiente instrucción en tu shell:
npm install http-server --global
Y luego lanzarlo desde la terminal
http-server
Para el ejemplo que estas siguiendo el codigo quedaria asi:
index.html:
<!DOCTYPE html>
<h2>Add React in One Minute
</h2> <p>This page demonstrates using React with no build tooling.
</p> <p>React is loaded as a script tag.
</p>
<!-- We will put our React component inside this div. -->
<div id="like_button_container"></div>
<!-- Load React. -->
<!-- Note: when deploying, replace "development.js" with "production.min.js". -->
src="./node_modules/react/umd/react.development.js"
crossorigin
src="./node_modules/react-dom/umd/react-dom.development.js"
crossorigin
<!-- Load our React component. -->
like_button.js:
"use strict";
const e = React.createElement;
class LikeButton extends React.Component {
constructor(props) {
super(props);
this.state = { liked: false };
}
render() {
if (this.state.liked) {
return "You liked this.";
}
return e(
"button",
{ onClick: () => this.setState({ liked: true }) },
"Like"
);
}
}
const domContainer = document.querySelector("#like_button_container");
ReactDOM.render(e(LikeButton), domContainer);
Acabo de probarlo y funciona perfecto. Luego podes reutilizar esa carpeta e ir creando otros archivos html y js a medida que progresas con los tutoriales. No tendrias que volver a descar react ni react dom nunca mas,
Pero desde mi humilde punto de vista, lo mejor y mas profesional es trabajar con la herramienta create-react-app
Saludos.
Mostrar Mensajes
