javascript - helmet - react open graph
Ejecutar la aplicación React sin servidor (4)
Antes de hacer mi pregunta, me gustaría decirle que soy muy nuevo para reaccionar y hasta ahora he aprendido conceptos muy básicos de reacción como componente, estado, prop, enrutador, etc. y puede que esta pregunta sea muy divertida, pero necesito La solución para eso. Por favor corrígeme si me equivoco en alguna parte.
Entonces, mi pregunta es, ¿podemos ejecutar una aplicación basada en la reacción sin ejecutar la aplicación en el servidor? Básicamente, quiero eso, puedo usar directamente la ruta del archivo index.html en el navegador web y mi aplicación comienza a funcionar.
Según entiendo, React js es una biblioteca de javascript y todo el código que finalmente se convirtió en archivos de javascript sin formato utilizando el cargador de babel (si estamos usando ES6). Así que creo que debería ser posible hacer esto.
Descubrí que puedo usar el paquete web que internamente convierte primero mis archivos React basados en u otros js en un javascript normal y hago un único archivo de paquete que puede usarse en el archivo Index.html para un uso posterior. He intentado esto, pero solo algunas características funcionan bien como estado, pero muchas otras funciones no funcionan como react-router, pero cuando uso el servidor npm, todas las características comienzan a funcionar correctamente.
Ahora, la razón por la que quiero hacer esto es porque quiero usar reaccion js para crear la aplicación web de Samsung Tizen TV donde no creo que pueda usar el servidor npm y todo.
Si alguien tiene alguna solución, sería muy útil. Gracias
Agregué lo siguiente a package.json antes de construir:
"homepage": "./",
Cita de reacciona la salida del terminal al construir:
El proyecto fue construido asumiendo que está alojado en la raíz del servidor. Para anular esto, especifique la página de inicio en su package.json. Por ejemplo, agregue esto para compilarlo para GitHub Pages:
"página de inicio": " http://myname.github.io/myapp ",
Nota: Estoy bastante seguro de que esto no funcionará en todos los proyectos.
Estos pocos conceptos son básicamente todo lo que necesita (más los métodos de los ciclos de vida ). Es por eso que Reacciona rocas, es muy fácil pensar y razonar, incluso si tienes una aplicación enorme y complicada.
React funciona sin servidor, solo agregue etiquetas de script y asegúrese de usar JavaScript que los navegadores actuales entiendan o descarguen la fuente de React y utilícelo en cualquier lugar que habla JS y tiene DOM.
<script src="https://unpkg.com/react@15/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
Por ejemplo, Firefox usa React para sus nuevos devtools y aquí hay una sugerencia que le ahorra mucho tiempo: es muy fácil usar estilos en línea con React, no puedo pensar en una mejor herramienta para diseñar sus plantillas de correo electrónico.
Si creó su aplicación con create-react-app, puede ejecutarla en la línea de comandos npm run build. Esto construirá su aplicación y colocará los archivos de su aplicación en la carpeta / build: ahora solo le queda una cosa por hacer: copie el contenido de su carpeta / build en su espacio web. Debe configurar el servidor web de forma que todas las solicitudes se enruten siempre a su index.html
mira este artículo: https://www.andreasreiterer.at/react-app-without-nodejs-server/
Tuve el mismo problema ahora, con una aplicación por defecto react / react-router . Y react-router tampoco me funcionó mientras utilizaba BrowserRouter . Pero encontré un issue donde se recomienda cambiar BrowserRouter a HashRouter . Se solucionó mi problema. Para iniciar la aplicación en el emulador (en realidad estoy escribiendo para webOS), cambio src en la etiqueta de script en index.html a mi ubicación de compilación.