Une expérience passionnante et constructive
Quand je me suis mis sur React, je ne savais pas que notre histoire d'amour serait aussi forte. Malgré un début difficile, dès que j'ai commencé à me faire une main avec cette magnifique librairie, j'en suis très vite tombé amoureux. Depuis, je construis de petits projets et explore des packages de son univers.
Il y a quelques temps, comme je vous le disais, je devais rejoindre une startup. Comme test, simple : construisez un blog avec des fonctionnalités cool (filtrage et animation étaient précisés), faites preuve de créativité et soumettez dans le meilleur délai possible.
Le lendemain, je me suis mis au boulot. Et bien que je n'aie pas implémenté la fonctionnalité de filtrage (techniquement difficile parce que je n'avais pas de contenu á filtrer) ni que l'on puisse considérer mon blog comme créatif, j'y ai mis du coeur. À la soumission, la réponse était plutôt positive et yay j'attends de collaborer sur des projets avec elle (la startup 🥳).
Mais du coup, une fois le blog soumis, je l'ai regardé et je me suis dit que je tenais un filon. J'aurais bien pu laisser le projet et continuer avec le reste (j'ai le site d'un client avec lequel je traine et ça me rend malade de remords 😭). J'aurais bien pu continuer avec le projet du client, ou même mon mémoire de licence.
Le design est très simple, dichromatique principalement et même minimaliste. Mais cette simplicité m'a moi-même séduit et m'a inspiré à continuer pour en faire quelque chose que je pouvais exploiter. Un vrai blog, quoi. Pas un test.
Dans ce post, j'ai envie de vous parler du processus que j'ai vraiment aimé et surtout de partager avec vous de bouts de code (pour le fun, quoi). Et aussi pour voir comment il va fonctionner dans la vraie vie (j'ai hâte 😂).
Que savoir du projet ?
O'Lwanzo, qui est mon prénom (eh oui, mon père n'a pas donné des noms européens à ses enfants) et le nom de mon blog (logique), veut dire amour en français. C'est dans ma langue ethnique, le kinande.
Le blog est fait avec React pour le frontend, Firebase pour l'authentification et plus tard pour la gestion de la newsletter et Sanity pour la gestion de contenu.
Quelques morceaux de code intéressants
Le hook qui poste les commentaires
Bon, je suis conscient que la fonction est un peu longue et qu'il faudrait extraire certaines parties dans des fonctions standalone pour refactoriser, mais je ne vois pas trop l'importance. Surtout que je le trouve beau, ce hook et que, bah, je suis un loveur quoi 😎.
La fonction qui formate les dates
Je voulais quelque chose de simple. C'est en fait l'esprit du blog. Et quoi de plus simple que d'avoir une date sans fioritures (mon prof de Droit Privé aimait ce mot, lol), juste comme elle est écrite par tout le monde ?
Open Graph pour le partage
J'utilise React Tanstack Router sur le site et j'avais besoin de définir les meta tags OG pour les pages de lecture de post et de sample. Malheureusement, j'ai l'impression que ça ne fonctionne pas comme prévu ( de toute façon, j'y travaille encore). J'aime le bout de code qui fait ça, pour sa forme 😂)
Pour conclure
N'oubliez pas de commenter, au moins pour le test et de créer des comptes et de vous abonner à la newsletter (avec votre email ou votre numéro de téléphone). Je vais bientôt gérer ça ... après avoir fini l'authentification du site de ma cliente chérie.
Je suis Nzanzu MUHAYRWA Lwanzo (Victor), développeur web et romancier, mordu de hip hop et grand fan de 2Pac Shakur, et je vous dis THUG LIFE !
A bientôt !
