Files

ISA b847b5d2c8 docs: Projektstruktur der Dokumentation an Quellcode angepasst

- Verzeichnisstruktur unter /docs spiegelt nun die tatsächliche Projektstruktur wider
- frontend/server-Trennung entfernt zugunsten von /docs/pages, /docs/redux, /docs/utils etc.
- Erhöht Wiederauffindbarkeit, Übersichtlichkeit und Entwicklerfreundlichkeit

2025-05-27 09:30:40 +02:00

2.6 KiB

Raw Blame History

📦 locationDevicesFromDBSlice

Zuständig für das Laden und Speichern der Geräteinformationen pro Standort (Location) aus der Datenbank.

🧠 Zweck

Dieses Slice verwaltet die Geräte, die mit einem bestimmten Standort (Location) verknüpft sind.
Es nutzt ein createAsyncThunk, um die Daten vom Webservice bzw. von der lokalen Datenbank zu laden.

🔁 Datenfluss

Dispatch fetchLocationDevicesFromDB()
Daten werden über fetchLocationDevices() geladen
Status wird aktualisiert (loading, succeeded, failed)
Geräte-Liste (devices) wird gespeichert

🧩 Slice-Definition

initialState: {
  devices: [],        // Geräte-Liste pro Standort
  status: "idle",     // "idle" | "loading" | "succeeded" | "failed"
  error: null         // Fehlernachricht im Fehlerfall
}

🔧 Actions

Action Type	Beschreibung
`fetchLocationDevicesFromDB/pending`	Startet den Ladeprozess
`fetchLocationDevicesFromDB/fulfilled`	Speichert die empfangenen Geräte in `devices`
`fetchLocationDevicesFromDB/rejected`	Speichert die Fehlermeldung in `error`

📥 Async Thunk

export const fetchLocationDevicesFromDB = createAsyncThunk(
  "locationDevicesFromDB/fetchLocationDevicesFromDB",
  async () => {
    return fetchLocationDevices(); // API-Aufruf aus services/api
  }
);

Die Funktion fetchLocationDevices() befindet sich unter:

/redux/api/fromDB/fetchLocationDevices.js

🧪 Verwendung in Komponenten

Beispiel mit `useSelector` & `useDispatch`

import { useSelector, useDispatch } from "react-redux";
import { fetchLocationDevicesFromDB } from "@/redux/slices/db/locationDevicesFromDBSlice";

const dispatch = useDispatch();
const devices = useSelector((state) => state.locationDevicesFromDB.devices);
const status = useSelector((state) => state.locationDevicesFromDB.status);

useEffect(() => {
  dispatch(fetchLocationDevicesFromDB());
}, []);

🧩 Integration im Store

import locationDevicesFromDBReducer from "./slices/db/locationDevicesFromDBSlice";

export const store = configureStore({
  reducer: {
    locationDevicesFromDB: locationDevicesFromDBReducer,
    // weitere Slices ...
  },
});

📌 Hinweis

Dieses Slice ist Bestandteil der neuen Redux-Architektur (ehemals Recoil)
→ siehe auch CHANGELOG.md Version 1.1.97 bis 1.1.98.

Pfad: /redux/slices/db/locationDevicesFromDBSlice.js

2.6 KiB Raw Blame History