Unduh reactjs portfolio - Unduh Kode Sumber reactjs portfolio

Unduh

Aplikasi React-Portfolio

Halaman Portofolio Pribadi www.fdaviz.com Dibangun di React.

Aplikasi React baru yang diinstal menggunakan Node JS.
Memigrasikan versi portofolio Vanillejs saya dan memigrasinya ke aplikasi React baru.
Pendekatan pertama adalah menggunakan perpustakaan untuk membuat animasi karena menciptakan sendiri memakan waktu. Untuk alasan itu, saya memutuskan untuk menggunakan pustaka WOW.JS dan Animate.CSS.
Bekas react props untuk mengelola komponen referensi dalam aplikasi dan berbagi detail komponen untuk membuat smoothscroll usign kode saya sendiri.
Sebagian besar halaman menggunakan bootstrap, kecuali untuk galeri modal yang memiliki kode flex-box CSS3 saya sendiri.
Membuat modal yang berbeda untuk proyek galeri dan menggunakan penangan acara React saya bisa menunjukkan setiap modal proyek.
Formulir ini menggunakan formsfree.io untuk pengiriman backend.
Saya menggunakan gambar dari Unsplash yang bebas digunakan dan ikon dari Flaticon yang juga bebas digunakan.
Saya ingin membuat latar belakang animasi yang luar biasa di bagian atas halaman, jadi saya menggunakan bantuan dari codepen.io dan mengadaptasi kode ke situs web saya.

Menerapkan wow.js + animate.css pada awalnya, tetapi sepadan. Butuh waktu untuk membuatnya bekerja dengan aplikasi Anda, namun butuh waktu lebih sedikit daripada membangun perpustakaan Anda sendiri.
Berbagi detail komponen DOM seperti tinggi, offsettop, dll, antara komponen lain agak sulit karena React Ref harus mencocokkan ID wadah induk. Butuh waktu lama bagi saya untuk mencari tahu.
Setelah menggunakan Bootstrap untuk sementara waktu saya harus mempelajari kembali beberapa trik CSS3 seperti Flex-Box dan cara menggunakan @KeyFrames + animasi.