Enlite Starter: plantilla de panel de administración de React para desarrolladores de pila completa
Enlite Starter: plantilla de inicio del panel de React con Firebase Auth http://enlite.ux-maestro.com
Leer documentación aquí
https://ilhammeidi.github.io/enlite-docs/#firebase
Característica de plantilla
- Tecnologías modernas. Construido con una de las bibliotecas de JavaScript más populares, React.JS y Redux.
- Diseños premium. Color de tema simple y elegante junto con modo oscuro y claro.
- Diseño múltiple y soporte RTL. Diseño de navegación de la barra lateral y la barra superior. Estilo de ajuste automático de RTL con jss-rtl
- Autenticación. Utilice el inicio de sesión social y de correo electrónico de Firebase
- Aplicaciones preconstruidas. Aplicación CRUD de muestra con integración de Redux-Saga y Realtime DB.
- Soporte multilenguaje. Incluye 6 traducciones: inglés, alemán, árabe, chino, bahasa indonesio y español.
- Más de 30 componentes y módulos de reacción que son reutilizables y fáciles de modificar.
- Varias páginas de muestra Página de inicio, variante de 2 paneles y muchas más
- JavaScript de próxima generación escrito en ES6
- Diseño responsivo Basado en el sistema estándar 12 Grid
- Proyecto de inicio. Cree una aplicación desde cero sin distraerse de las funciones innatas.
- Unidad de prueba. Prueba funcional de componentes de Material UI con Mocha y Chai
- Rendimiento alto. Estilo con JSS (CSS en JS) y división de código asíncrono.
- Código limpio mantenido por eslint.
- Iconos totalmente vectoriales e iconos de fuentes.
- Vista previa directa del código. Obtenga el código fuente más fácilmente sin archivos abiertos.
- Y muchos más…
Obtener la versión Prime
CONSÍGUELO AHORA en Envato Market
VER DEMOSTRACIÓN
Instalación
- Clonar este proyecto
- Instale las dependencias del módulo ejecutando este script en la terminal
npm install - Después de finalizar la descarga, cree las dependencias DLL de Build Webpack (si es necesario).
npm run build:dll - Finalmente ejecute la aplicación.
npm start - Vaya a http://localhost:3001
Despliegue
- Primero necesita construir los activos de producción, primera
npm run build - Luego inicie la aplicación
npm run start:prod - Si desea ejecutarlo en segundo plano, puede probar PM2 https://www.npmjs.com/package/pm2 Luego ejecute este comando:
node node_modules/.bin/cross-env NODE_ENV=production pm2 start server - Vaya a http://localhost:3001
Habilitar vista previa de código directo
Para que el acceso e implementación de la documentación sea fácil y efectivo, adjuntamos el código fuente en las demostraciones de cada componente. Lo llamamos Vista previa del código directo. Esta función solo se puede utilizar en el producto comprado (no disponible en la demostración).
- Abra el archivo de configuración
/app/config/codePreview.js - Por defecto establecido en falso
- Cambiar para
enable: true , para habilitar la vista previa directa del código - Pruebe con cualquier demostración de componente, por ejemplo en http://localhost:8080/app/tables/advanced-table.
- Luego, en la parte inferior de cada componente verá <> Botón Mostrar código . Simplemente haz clic en él.
- También se mostrará el código fuente de esos componentes.
- Puede ver, copiar y pegar directamente cualquier componente frente a sus ojos.
Licencia
Este proyecto está autorizado según los términos de la licencia MIT.
