Nous contacter

  1. Accueil
  2. Blog
  3. Développement
  4. Des ressources et exemples pour bien démarrer avec Electron

Des ressources et exemples pour bien démarrer avec Electron

Le 07/12/2016

Dans Développement

Connaissez-vous Electron ? Ce framework Node.js vous propose d'utiliser les techniques web que vous utilisez tous les jours (HTML, CSS, Javascript) pour créer des applications bureau multiplate-forme (que vous pourrez utiliser sur Windows, Linux et Mac).

Si le sujet vos intéresse, je vous propose des exemples d'applications et des ressources pour démarrer à découvrir l'outil sans prises de tete. Bonne découverte.

Quelques exemples

Un de mes moyens favoris pour plonger dans un nouveau langage où framework est de regarder les sources de programmes existants. Cela permet de se mettre directement dans le bain des bonnes/mauvaises pratiques tout en permettant de croiser des situations "réelles", ce qui est toujours un plus.

Si vous êtes comme moi, je vous propose de jeter un oeil au code source de ces trois applications, que j'ai choisi car leur code source reste simple tout en permettant de couvrir une bonne partie des opérations que vous risquez d'avoir envie de faire. Le premier est un analyseur d'espace disque, le second permet d'enregistrer votre écran sous la forme de gif, et enfin le troisième est un navigateur très minimaliste.

Space Radar

Kap

Min

Des ressources pour bien démarrer

Bozon

Bozon est une des ressources les plus importantes de cette liste, et vous allez vite comprendre pourquoi. Son rôle est de vous assister tout au long de la "vie" de votre application, de sa création a sa mise en production. 

Bootstraping pour vous aider à démarrer plus rapidement, gestion des dépendances, task-runner, tests, packaging, création d'installateurs sont des exemples de taches que Bozon se propose de gérer pour vous. Un must-have malheureusement trop peu connu.

Photon

Photon est un framework CSS permettant de simplifier grandement la création des interfaces de votre application. Un peu trop orienté mac à mon gout, mais clairement le mieux trouvable sur le marché néanmoins.

Electron Quick start

Je trouve ce petit tuto quick-start très bon. Il fournit les bases nécessaires, à un rythme convenable, et permet de bien démarrer sans trop se poser de questions.

Devtools

Devtools permet d'utiliser les outils de développement du chrome pour votre application. Ai-je besoin d'en dire plus ?

Electron-window

Cette ressource simplifie la gestion de différentes fenêtres, de leur création a leur mort. Pas un essentiel, mais bien pratique si vous avez ce genre de besoins.

Lowdb

LowDB est une petite "base de données" très simplifiée qui utilise un fichier json comme support de stockage. Bien pratique pour les applications ayant besoin de sauver uniquement des configurations, fichiers récents, etc.