Crear una aplicación github
create-react-app es un kit de inicio para crear aplicaciones React sin configuración de construcción. Si estás empezando con React, utiliza esto para automatizar la construcción de tu aplicación. No hay ningún archivo de configuración, y react-scripts es la única dependencia extra de construcción en tu archivo package.json. Tu entorno tendrá todo lo que necesitas para construir una aplicación moderna de React.
Tengo una aplicación Next JS, donde los usuarios administradores crean y gestionan los horarios de sus negocios. Quiero crear una forma robusta para que los usuarios sean capaces de incrustar una url pública de la aplicación de administración de Next JS en cualquier …
Estoy trabajando en un sitio de la cartera, con varios clientes / proyectos que he trabajado cada uno tiene su propia página de información. No he resuelto todavía dónde quiero alojar las imágenes, pero por ahora estoy construyendo …
Tengo una aplicación con un frontend y un backend de typescript. Quería crear un módulo de tipos compartidos para poder tener todos los tipos necesarios para ambos en el mismo lugar. Me gustaría mantenerlo local y usar npm …
Estoy en el viaje de aprendizaje de Reactjs y actualmente instalando create-react-app desde el principio. Pero he tenido errores este error. Ya he instalado node.js. ¿Cuál podría ser el problema? I …
Crear una aplicación Reactor
Create React App no maneja la lógica del backend ni las bases de datos; sólo crea un pipeline de construcción del frontend, así que puedes usarlo con cualquier backend que quieras. Bajo el capó, utiliza Babel y webpack, pero no necesitas saber nada de ellos.
Cuando estés listo para desplegar en producción, ejecutar npm run build creará una compilación optimizada de tu aplicación en la carpeta de compilación. Puedes aprender más sobre Create React App en su README y en la Guía del Usuario.
Next.js es un framework popular y ligero para aplicaciones estáticas y de renderizado de servidor construidas con React. Incluye soluciones de estilo y enrutamiento fuera de la caja, y asume que estás usando Node.js como entorno de servidor.
Crear una aplicación Reactor 18
Nota: Si has instalado previamente create-react-app de forma global a través de npm install -g create-react-app, te recomendamos que desinstales el paquete utilizando npm uninstall -g create-react-app para asegurarte de que npx utilice siempre la última versión.
En el Explorador de Archivos, un archivo que verás es el archivo Markdown README.md de la aplicación. Este tiene mucha información sobre la aplicación y React en general. Una buena manera de revisar el README es utilizando la vista previa de VS Code Markdown. Puedes abrir la vista previa tanto en el grupo de editores actual (Markdown: Abrir vista previa ⇧⌘V (Windows, Linux Ctrl+Mayús+V)) o en un nuevo grupo de editores al lado (Markdown: Abrir vista previa al lado ⌘K V (Windows, Linux Ctrl+K V)). Obtendrás un buen formato, navegación por hipervínculos a los encabezados y resaltado de sintaxis en los bloques de código.
Ahora expanda la carpeta src y seleccione el archivo index.js. Notará que VS Code tiene resaltado de sintaxis para los diversos elementos del código fuente y, si pone el cursor en un paréntesis, el corchete correspondiente también se selecciona.
Creación de una aplicación de reacción con código de barras
Create React App utiliza el directorio público para el archivo HTML de entrada así como para los activos estáticos, pero Next.js sólo lo utiliza para los activos estáticos. Al migrar desde Create React App, la ubicación del directorio público sigue siendo la misma.
Con Create React App, puedes importar archivos .css directamente dentro de los componentes React. Next.js te permite hacer lo mismo, pero requiere que estos archivos sean Módulos CSS. Para los estilos globales, necesitarás un _app.js personalizado para añadir una hoja de estilos global.
Dado que Next.js utiliza el pre-renderizado, tendrás que acceder de forma segura a esas APIs web sólo cuando estés en el lado del cliente. Por ejemplo, el siguiente fragmento de código permitirá el acceso a la ventana sólo en el lado del cliente.
La optimización automática de imágenes permite redimensionar, optimizar y servir imágenes en formatos modernos como WebP cuando el navegador lo soporta. Esto evita enviar imágenes grandes a dispositivos con una ventana gráfica más pequeña. También permite que Next.js adopte automáticamente futuros formatos de imagen y los sirva a los navegadores que los soportan.
