Projekt der Vorlesung Design Thinking an der Hochschule Heilbronn, nach Auftrag des Stadt & Kreis Jugend Ring Heilbronn e.V.
Wir verwenden MobX für das State Management, dazu wird im Konstruktor der ViewModels und Models die makeAutoObservable Funktion ausgeführt. Diese sorgt dafür, dass alle Properties des Objektes, die nicht mit einem _ beginnen, als Observable deklariert werden. Außerdem werden alle Setter automatisch als Actions deklariert. Das heißt, dass alle Änderungen an den Properties über die Setter vorgenommen werden müssen. Das ist wichtig, da sonst die Observer nicht über Änderungen informiert werden.
Die Views sind functional components (React), die über die observer Funktion von MobX deklariert werden. Diese sorgt dafür, dass die View bei Änderungen der Observables (Model / ViewModel) neu gerendert wird.
Empfohlen: Node
npm installnpm run devnpm run build- René Ott
- Antonia Friese
- Frank Mayer
- Felix Marzioch
- Jan-Niklas Jäger
- Büsra Bayiksirt
- React Frontend
- Parcel Bundler
- TypeScript Typing
- Sass CSS Preprocessor
- MobX State Management
- dilight Dependency Injection
- ESLint Linter
- DiceBear Avatar generation
- idb IndexedDB Promise Wrapper
- XState State Machine
