Angular avec NativeScript : Création de la console d'éclairage Blackout

Les consoles d'éclairage sont des appareils électroniques utilisés dans la conception d'éclairage théâtral pour contrôler les lumières de scène. L'équipe de nstudio a développé Blackout, une application iPad qui offre les mêmes fonctionnalités que les consoles autonomes. L'application prend en charge les protocoles de contrôle DMX et le contrôle Bluetooth via les puces LumenRadio TimoTwo. Blackout maintient un taux de transmission de données constant vers les lumières connectées tout en offrant une interface utilisateur fluide avec des indicateurs de données en temps réel et des contrôles de projecteur détaillés. Elle utilise Angular 17+ et NativeScript 8+ pour le développement, combinant l'injection de dépendances, la mise en page et la gestion d'état d'Angular avec les vues optimisées pour la plateforme et l'intégration de CoreMIDI d'iOS de NativeScript. L'architecture de composants déclaratifs d'Angular, les directives et la gestion d'état via NgRx ont aidé à créer des fonctionnalités d'interface utilisateur sophistiquées, telles que le mode d'apprentissage MIDI et la directive nsIf, qui améliore les performances en détachant les vues de la détection des changements jusqu'à ce qu'elles soient nécessaires. En associant Angular à NativeScript, l'équipe a pu styliser les vues UIKit avec Tailwind CSS et utiliser des API et des techniques spécifiques à la plateforme. NgRx a joué un rôle crucial pour garantir une couche d'état solide pour gérer le flux de données et minimiser les calculs inutiles, tandis que NativeScript a permis l'utilisation de moteurs de rendu optimisés pour la plateforme pour des performances idéales et un comportement naturel de l'appareil.