Réflexions& articles
Une collection de pensées sur le développement logiciel.
Blog
Réflexions sur le développement logiciel et plus encore.
Cet article explique comment j'utilise GitHub Pages pour mettre mes projets React en ligne gratuitement et les partager facilement sur Internet. Je détaille la configuration du fichier package.json, l'utilisation du paquet gh-pages et la marche à suivre pour héberger son code en quelques commandes. C'est l'étape finale idéale pour conclure mon parcours d'apprentissage, en passant du développement local à un site fonctionnel et accessible à tous.
J'explique comment j'utilise des librairies externes pour ne pas réinventer la roue et accélérer mon développement. Je montre comment installer et intégrer GSAP pour créer des animations fluides, ainsi que Three.js pour générer des scènes 3D immersives comme un cube métallique en rotation. Ces outils me permettent de transformer facilement une interface statique en une expérience beaucoup plus interactive et dynamique.
Dans cet article, je montre comment utiliser React Router pour naviguer entre plusieurs pages sans jamais recharger le navigateur. J'explique les étapes pour installer la librairie, configurer le BrowserRouter et définir des routes claires pour des composants comme l'accueil ou la page "À propos". Enfin, je présente l'utilisation de la balise Link pour créer une barre de navigation fluide et interactive.
Dans cet article, j'explique comment les Hooks ont rendu les composants fonctionnels beaucoup plus puissants en leur permettant de gérer un état et des effets secondaires. Je montre l'utilisation de useState pour créer un compteur interactif et de useEffect pour gérer des actions automatiques comme une horloge en temps réel. Pour finir, je partage ma méthode pour créer un Hook personnalisé (useFetch), que j'ai utilisé pour bâtir un mini-Pokedex dynamique avec la PokeAPI.
Cet article explique que les composants React sont des blocs de code réutilisables, sous forme de fonctions, permettant de construire des interfaces modulaires en retournant du JSX. Il démontre comment créer un composant fonctionnel, l'exporter, puis l'intégrer dans une application en l'utilisant comme une balise HTML. Enfin, l'auteur présente l'utilisation des "props" pour passer des données dynamiques à ces composants, rendant l'interface flexible et personnalisable.
C'est le moment de se mettre en pratique afin de créer des applications front-end dynamique. Le blog d'aujourd'hui sera consacré uniquement à la création d'une application React.