• A la une
  • Catégories
  • Dossiers
  • +

Des ressources et exemples pour bien démarrer avec Electron

par Benjamin SANCHEZle 07/12/2016

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.

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
Avatar_thumbAuteur : Benjamin voir son blog

Développeur autodidacte depuis quelques années, déjà, je suis le développeur du blog du webdesign, où mon rôle est de concretiser les différentes idées et maquettes.

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte
twitter birdtwitter birdtwitter birdtwitter birdtwitter bird
twitter bird
Ouvrir