React JS
Consejos al crear un nuevo proyecto
| Función | |
|---|---|
| Eliminar archivo | reportWebVitals.js |
| Eliminar archivo si no deseas trabajar con test. | setupTest.js |
| Eliminar archivo si no deseas trabajar con test. | App.test.js |
| Eliminar favicon e imágenes de React si no deseas trabajar con estas. | favicon.ico, logo192.png, logo512.png, logo.svg |
| Eliminar todo lo que está dentro del div principal con clase llamada "App". | App.js |
| Eliminar la importación del logo SVG de React. | App.js |
| Eliminar todos los estilos CSS si no vas a utilizar alguno. | App.css |
| Eliminar la importación de reportWebVitals.js si lo borraste. | index.js |
| Eliminar el llamado a la función reportWebVitals() si borraste el archivo reportWebVitals.js | index.js |
Comandos de Node.js
| Comando | Función |
|---|---|
| npx create-react-app NOMBRE-DE-LA-APP | Comando para crear nueva app con React |
| npm start | Comando para iniciar el servidor. Se abre una nueva ventana en el navegador predeterminado del sistema para mostrar la app en vivo. |
| npm run build | Comando desplegar la app. |
| CRTL + C | Comando para detener proceso en ejecución. |
Solucionar problemas de construcción de app
| Solución | Código |
|---|---|
| React utiliza rutas absolutas por defecto para los recursos estáticos en el index.html generado. Esto significa que si tu aplicación no está en la raíz de tu servidor (por ejemplo, si está en http://localhost/miapp en lugar de http://localhost/), las rutas de los recursos como CSS y JavaScript pueden no ser correctas. Para solucionarlo, puedes configurar el homepage en tu package.json. Por ejemplo: Esto configurará tu aplicación para usar rutas relativas. Después de hacer este cambio, necesitarás ejecutar npm run build nuevamente. Agrega el siguiente código en el archivo package.json | "homepage": ".", |
Comentarios