reactjs portfolio
1.0.0
PAGE PORTFOLIO PERSONNELLE www.fdaviz.com Construit dans React.
Installé nouvelle application React à l'aide de Node JS.
A migré la version de mon portefeuille Vanillajs et l'a migrée dans une nouvelle application React.
La première approche a été d'utiliser des bibliothèques pour créer des animations car la création de miennes était longue. Pour cette raison, j'ai décidé d'utiliser des bibliothèques wow.js et animate.css.
Les accessoires React utilisés pour gérer les références de composants dans les détails des composants de l'application et partagent pour créer des lisses. Utilisez mon propre code.
La majeure partie de la page utilise Bootstrap, à l'exception de la galerie modale qui a mon propre code Flex-Box CSS3.
Création de différents modaux pour le projet de galerie et en utilisant des gestionnaires d'événements React, je pouvais montrer chaque modal de projet.
Le formulaire utilise FormsFree.io pour la soumission du backend.
J'ai utilisé des images de Unplash qui sont gratuites et des icônes de Flaticon qui sont également libres à utiliser.
Je voulais créer un arrière-plan animé incroyable en haut de la page, j'ai donc utilisé une aide de Codepen.io et adapté le code à mon site Web.
La mise en œuvre de wow.js + animate.css a été difficile au début, mais cela en valait la peine. Il faut du temps pour le faire fonctionner avec votre application, mais il faut moins de temps que de construire vos propres bibliothèques.
Le partage des détails des composants DOM tels que la hauteur, les offsetops, etc., entre les autres composants a été un peu difficile car React Refs a dû correspondre aux ID des conteneurs parents. Cela m'a pris le temps de comprendre.
Après avoir utilisé Bootstrap pendant un certain temps, j'ai dû apprendre certaines astuces CSS3 comme Flex-Box et comment utiliser @keyframes + animation.
Merci d'avoir visité mon react-portfolio-website et d'avoir pris le temps de lire ceci!
