Thinktecture Cloud-Native- und Infrastructure-as-Code-Spezialist Thorsten Hans erklärt in einer fünfteiligen Screencast-Serie das Framework Electron. Nachdem der erste Teil in die Grundlagen und Architektur einführte, geht es im zweiten Teil um Developer-Essentials mit denen Sie bei der Entwicklung mit Electron vertraut sein sollten.
Inhalte des Screencasts
- Chrome DevTools: Chromium ist ein fester Bestandteil jeder Electron-Anwendung. Entwickler können bei Bedarf die Chrome DevTools nutzen um HTML5, JavaScript und CSS im Renderer Prozess zu debuggen und zu analysieren. Lernen Sie, wie die Chrome DevTools in Ihre Electron-Anwendung integrieren können.
- Debugging Main-Process: Der Hauptprozess einer Electron-Anwendung wird in Node.JS ausgeführt, mit Visual Studio Code können Sie auch diesen Prozess debuggen um die Verarbeitung Ihres Codes zu prüfen oder um im Ernstfall Fehler zu eliminieren.
- DevTron: DevTron ist eine Erweiterung der Chrome DevTools, die elementares Linting und Monitoring der Electron-Anwendung für Entwickler bereitstellt. Sehen Sie, wie DevTron installiert und aktiviert werden kann.
- SpecTron: SpecTron ist eine Open-Source-Laufzeitumgebung für Unit-Tests. Mit SpecTron können Sie den Electron-spezifischen Code Ihrer App testen um eine höhere Qualität und Testabdeckung zu erreichen.
Im nächsten Teil geht es um die UX-Optimierung Ihrer Electron-Anwendung. Wenn Sie die weiteren Screencasts der Electron-Serie nicht verpassen möchtest, melde Sie sich hier für unsere monatlichen Tech News an.