Datos de ejemplo y tu API
Qué son los datos de ejemplo, qué recuerda el navegador, qué acciones aún no guardan nada y dónde conectar tu propia API.
Todo son datos de ejemplo
La plantilla no tiene back end ni base de datos. Cada saldo, tarjeta, acción, punto de gráfico, transacción, notificación y persona que ves es un dato de ejemplo escrito en el código, así que el panel parece completo desde que arranca. Lo reemplazas por tus propios datos, normalmente de tu propia API.
Los datos de ejemplo están junto a la pantalla que los muestra, un archivo por widget, así que puedes reemplazar una parte cada vez.
Qué funciona sin servidor
| Funciona en el navegador | Aún no guarda nada |
|---|---|
| Buscar, ordenar y paginar la tabla de transacciones, y reducirla con el rango de fechas y el diálogo Filter | Add Transaction en la página de transacciones |
| Exportar las transacciones a un archivo CSV y los gráficos a imágenes PNG | La transferencia rápida y la transferencia veloz |
| Arrastrar las cifras clave a un nuevo orden, que el navegador recuerda | Add Card en la página de tarjetas |
| Bloquear, desbloquear y eliminar una tarjeta hasta la próxima recarga | Los botones de búsqueda y actualización del encabezado |
| Marcar notificaciones como leídas hasta la próxima recarga | Save Changes y Help & Support en los ajustes |
| Dark Mode y Language en Preferences de los ajustes, y Sign Out | Los botones de inicio de sesión de Apple y Google, Remember me y Forgot password? |
La página de transacciones se abre en los últimos 30 días, que contienen todas las transacciones de ejemplo: sus fechas avanzan para que la más reciente sea siempre hoy. Los formularios de la columna derecha siguen comprobando lo que se escribe. Son los lugares donde entra tu propia API.
Lo que recuerda el navegador
- El usuario con sesión iniciada, hasta Logout.
- El modo claro u oscuro.
- El orden de las cifras clave en cada página en la que las arrastraste.
- Solo en modo demo, el color elegido en el selector de color.
Esto se guarda por navegador. Borrar los datos del sitio los restablece todos.
Dónde están los datos de cada pantalla
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
El archivo y la constante que hay detrás de los datos de ejemplo de cada widget.
Conecta tu API
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
Un ejemplo resuelto que carga la página de transacciones desde tu API, y dónde van las acciones de guardado.
El store de Redux
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
Qué guarda hoy el store y cómo usarlo para datos compartidos.