Hello World : Bienvenue sur mon blog
Mon premier article de blog pour me présenter et tester mes différents composants mdx.
Mon premier article de blog pour me présenter et tester mes différents composants mdx.
Bienvenue sur mon blog ! Je suis ravi d’avoir enfin un espace pour partager mes réflexions sur le développement web, mes aventures de codeur et les leçons apprises en chemin.
Apprenez le JavaScript, TypeScript et Node.js à travers différents articles et vidéos.
Je construis des choses pour le web depuis un moment maintenant, et j’ai toujours trouvé que l’écriture m’aide à réfléchir. Que ce soit pour documenter un bug compliqué que j’ai résolu ou explorer une nouvelle technologie, mettre mes pensées en mots solidifie ma compréhension.
Et puis, si quelque chose m’a aidé, peut-être que ça vous aidera aussi.
Le meilleur moment pour créer un blog, c’était hier. Le deuxième meilleur moment, c’est maintenant.
Puisque c’est un blog de développeur, commençons avec du code. Voici une fonction simple qui salue le monde avec style :
function greet(name: string): string {
const greeting = `Bonjour, ${name} !`;
console.log(greeting);
return greeting;
}
greet('le monde');Et voici comment vous pourriez utiliser cela dans un composant React :
import { useState } from 'react';
export function Greeter() {
const [name, setName] = useState('le monde');
return (
<div className="bg-card rounded-lg p-4">
<input
type="text"
value={name}
onChange={(e) => setName(e.target.value)}
className="rounded border px-3 py-2"
placeholder="Entrez votre nom"
/>
<p className="mt-4 text-xl font-bold">Bonjour, {name} !</p>
</div>
);
}Voici un exemple de visualisation de la structure d’un projet avec le composant FileTree :
Voici un exemple d’inclusion d’images avec légendes :
Et voici un diagramme Mermaid montrant un flux git simple :
Vous pouvez également créer des organigrammes :
Je vais écrire sur :
Restez connectés, et n’hésitez pas à me contacter si vous souhaitez que j’aborde un sujet en particulier.
À bientôt dans le prochain article !