Página de cartera personal www.fdaviz.com integrado en reacción.
Instalada nueva aplicación React usando el nodo JS.
Migró mi versión de cartera de Vanillajs y la migró a una nueva aplicación React.
El primer enfoque fue usar bibliotecas para crear animaciones porque la creación de la mía fue lento. Por esa razón, decidí usar bibliotecas wow.js y animate.css.
Se usó reaccionar los accesorios para administrar las referencias de componentes en la aplicación y compartir los detalles de los componentes para crear SmoothScroll usign mi propio código.
La mayor parte de la página usa Bootstrap, excepto la galería modal que tiene mi propio código CSS3 Flex-Box.
Creé diferentes modales para el proyecto de la galería y, utilizando los controladores de eventos React, podría mostrar cada proyecto modal.
El formulario usa FormsFree.io para la presentación de backend.
Utilicé imágenes de Unsplash que son gratuitas e iconos de Flaticon que también son de uso gratuito.
Quería crear un fondo animado sorprendente en la parte superior de la página, por lo que utilicé algo de ayuda de CodePen.io y adapté el código a mi sitio web.
Implementar WOW.JS + Animate.css fue difícil al principio, pero valió la pena. Se necesita tiempo para que funcione con su aplicación, pero lleva menos tiempo que construir sus propias bibliotecas.
Compartir detalles del componente DOM como altura, offsettops, etc., entre otros componentes fue un poco difícil porque React REFS tenía que coincidir con las ID de contenedores principales. Eso me llevó mucho tiempo averiguarlo.
Después de usar Bootstrap por un tiempo, tuve que volver a aprender algunos trucos CSS3 como Flex-Box y cómo usar @Keyframes + Animation.
¡Gracias por visitar mi react-portfolio-website y por tomarse el tiempo de leer esto!