8 projets JavaScript qui vont vous faire sourire

8 projets JavaScript qui vont vous faire sourire

Le code est un moyen d’expression performant. Construire des choses parce qu’elles sont utiles, c’est super. Mais les projets code plus loufoques sont moins connus alors qu’ils sont géniaux !

Dans cet article, je vais vous parler de 8 projets JavaScript qui, je l’espère, vont vous amener de la joie - ou au moins vous arracher un sourire.

1. Pettier

Dans l’entreprise pour laquelle je travaillais avant, un ingénieur a intégré une pull-request, qui changeait 4 espaces en 2, dans toute la codebase JavaScript. Des centaines d’ingénieurs ont été coincés dans un embouteillage de merge conflicts, et la productivité a été enrayée pendant des heures. Bons souvenirs!

C’est facile d’avoir des avis sur le style du code en oubliant son essence même. Au lieu de débattre sur les points-virgules, pourquoi ne pas convaincre votre équipe d’utiliser Pettier? En prenant l’approche la plus nihiliste sur les conventions de styles de code, Pettier randomise la configuration de votre linter à chaque fois que vous sauvegardez un fichier. Je dois admettre que le nom du projet est parfait ! Pour ceux qui ne seraient pas au courant, c’est un jeu de mot sur Prettier, l’un des formateurs de code JavaScript les plus populaires !

2. ComcastifyJS

Parfois, le temps de la simplicité me manque… Vous vous souvenez quand les images prenaient des heures à charger, en se superposant à l’infini comme une chenille numérique ? Vous pouvez revivre ces moments avec Comcastify, qui peut faire en sorte que n’importe quel site charge les images plus lentement.

Blague à part, on ne devrait pas supposer que tout le monde a un bon débit de connexion parce que ce n’est pas le cas dans la majeure partie du monde. Peut-être qu’en essayant la démo Comcastify, cela vous aidera à réfléchir sur comment la performance de votre application peut constituer un problème d’inclusivité.

Comcastify a été développé par l’équipe de the Onion. “The Onion, mais pour npm” est la meilleure idée de fausse start-up que j’ai entendu depuis un moment ! Je vais totalement voler cette idée pour la prochaine fois que je jouerai à la Présentation Roulette !

3. KonamiJS

Les Easter eggs peuvent être délicieux mais parfois, c’est compliqué de justifier le temps qu’on passe à les implémenter.

KonamiJS permet aux développeurs d’intégrer une surprise dans leurs projets ! Le Code Konami était un cheatcode pour les vieux jeux vidéo qui a commencé à être utilisé vers 1986. KonamiJs est dans le milieu depuis 2009, ce qui représente une éternité en années JavaScript.

Essayez d’entrer le code Konami dans Buzzfeed et vous verrez ce qu’il se passe. Maintenant que je connais KonamiJS, j’essaie d’utiliser le Code Konami dans n’importe quel site web sur lequel je navigue lorsque je suis censé travailler, juste pour voir ce qu’il se passe.

Si vous désirez ajouter un easter egg non-Konami à votre projet, ne vous en faites guère ! Il y a plusieurs outils qui rendent ça possible. Egg.js est une bibliothèque JavaScript vanilla qui déclenche un rappel dès lors que l’une des séquences que vous définissez est pressée. Il y a aussi un composant easter egg pour les app React. La seule limite est votre imagination.

4. Raptorize

JQuery n’est peut-être plus tant à la mode maintenant, mais il alimente encore une bonne partie du web (et il n’y a aucune raison d’avoir la rage à ce propos). Si vous travaillez sur un site JQuery, pourquoi ne pas donner à vos utilisateurs un vélociraptor rugissant sur leur écran, grâce à ce merveilleux plugin ?

Vous pourriez même combiner Raptorize avec KonamiJS et lâcher le raptor quand le Code Konami est entré.

5. VaporJS

Honnêtement, je pourrais tout à fait porter cette tenue

Lorsque j’étais ingé junior, l’idée de construire des choses nouvelles m’enthousiasmait ! Mais plus j’évolue, plus ce sont les choses obsolètes qui m'intéressent. Y a t-il quelque chose de plus satisfaisant que de supprimer du code, que de voir tout ce glorieux rouge dans une pull-request ?! Je ne crois pas, non. 

Un secret bien connu dans l’industrie des logiciels, c’est que “le meilleur code, c’est pas de code”. N’importe quel code est une dette technique. Ça ne veut pas dire que vous ne devez pas construire ! Mais vous devriez être scrupuleux quand il s’agit de regrouper les critères et vous assurer que vous construisez la bonne chose. Aussi, soyez impitoyables dans la suppression des fonctionnalités qui ne sont pas utilisées.

VaporJS - à ne pas confondre avec vaporwave - est un framework JavaScript qui fait… Rien. Mais hé, c’est maintenable facilement ! Pour une autre variation autour de ce thème, allez voir le projet No Code de Kelsey Hightower

6. Undefined est une fonction

Un vrai tournant dans la carrière de chaque développeur JavaScript est d’être confronté par la bien répandue erreur Undefined is not a function. Et bien, ça appartient au passé ! Parce qu’à présent, c’est une fonction. Installez simplement le npm package en suivant ces instructions et regardez la magie se produire !

Maintenant, si seulement quelqu’un pouvait résoudre universellement le fait d’essayer de console.log un object [Object]. Peut-être que object.toSting() peut aider...

7. ThanosJS

Après avoir regardé Infinity Wars, j’ai quitté le ciné avec un intense sentiment de confusion et de déception. Ne me lancez même pas sur l’étrange détournement de l’Economie de Malthusian…!

Bref, ThanosJS arrête le grossissement d’un projet en supprimant aléatoirement la moitié des fichiers. Malheureusement (heureusement?) il n’y a pas d’implémentation actuelle. Ce qui explique pourquoi les instructions vous disent de gem install malgré le fait que c’est supposément une bibliothèque JavaScript.

Le site existe comme démo de Netlify Drop ce qui - je dois l’admettre - est plutôt cool.

8. Volkswagen

“Oh cool, mon build n’est pas passé” n’a jamais dit personne. Sans mentir, je me suis déjà retrouvée en larmes pour cause d’intégrations continues. Plus votre batterie de tests est grande, plus il est facile d’écrire des tests unitaires qui gèrent mal les états et la mémoire. Puis, ils échouent aléatoirement, alors qu’il n’y a rien de réellement problématique.

Volkswagen détecte si vos tests s’exécutent dans un serveur CI (intégration continue). Si oui, ça les fait passer dans tous les cas. Réussir à merger vos pulls-requests n’a jamais été aussi facile!

Conclusion

Si vous avez aimé ce post, vous voudrez peut-être consulter cette liste énorme de projets géniaux dans différents langages. Vous pouvez aussi aller voir le Stupid Hackathon pour plus de hacks hardware rigolos.

Et si vous avez construit quelque chose de drôle, faites le moi savoir s’il vous plaît. Un peu de légèreté ne me ferait pas de mal en ce moment! Vous pouvez me trouver sur Twitter.