J'utilise au quotidien des outils open source. Je peux profiter de logiciel, de framework ou de librairie créée par la communauté.

React JS, Vue JS, Symfony, Laravel, etc. ils sont tous disponibles en open source et ils ont fait changer le visage du web.
Il est donc normal qu'à mon tour je fasse profiter la communauté de mes contributions.
Depuis quelques années, il est devenu très facile de partager des projets et de les faire connaitre.
Grâce à Github et Npm, plus d'excuses pour ne pas contribuer.

Mes contributions open source

Gatsby JS Snipcart

Gatsby JS permet de créer des plugins afin d'intégrer des services plus facilement.
Pour un projet de ecommerce, j'avais choisi d'utiliser Snipcart, un service qui permet d'ajouter une couche ecommerce sur un site.
À cette occasion, j'ai créé un plugin qui permet d'ajouter Snipcart sur un projet Gatsby JS.
Ce plugin a été l'occasion de partager avec l'équipe de Snipcart et même d'avoir un article sur le blog de Snipcart.

Le code source : https://github.com/ipatate/gat..

La page du plugin : https://www.gatsbyjs.com/plugi...

Le site mercredi biscuiterie : https://www.mercredibiscuiteri...

L'article : https://snipcart.com/blog/gats...

react-router-scroll-memory


Avec l'arrivée de React Router 4, nous avions perdu la possibilité d'avoir des middlewares. J'en utilisais un (react-router-scroll) pour gérer le scroll de l'application.
Comme je ne trouvais pas de solution, j'ai décidé de créer un composant qui garde l'historique et l'état du scroll. Il est compatible avec React Router 4 et 5.
-> Le projet react-router-scroll-memory sur NPM
-> Le projet react-router-scroll-memory sur Github

React / React Router

Serveur prerender


Pour le SEO des web app, il faut parfois faire du prerender pour les moteurs de recherche. J'ai créé un petit projet qui retourne le HTML d'une web app par URL et qui met en cache le résultat pour gagner en vitesse sur les futures requêtes.
-> Le projet serveur prerender sur Github

Node JS / Chrome Headless

GDPR Cookies


Suite à la mise en place, du RGPD, il est obligatoire d'indiquer l'utilisation de cookie. Il faut également permettre au visiteur de refuser les cookies. J'ai créé une librairie qui permet d'afficher une modale avec la liste des services. Elle permet de refuser ou d'accepter. Il est d'ailleurs en place sur le site où vous lisez ce texte.
-> Le projet gdpr-cookies sur Github

Preact / redux Zero



React Scroll Progress Read


Il s'agit d'un component qui affiche une barre de progression qui progresse avec le scroll de la page. Permet à l'utilisateur de savoir où il est dans l'article.
-> Le projet react-scroll-progress-read sur Npm
-> Le projet react-scroll-progress-read sur Github

React / Typescript