Gumakan martani ya ƙunshi shahararrun fakitin gumaka suna ba ku hanyar haɗin kai don amfani da su a cikin ayyukan React ɗinku. Tare da wannan ɗakin karatu, kyawun haɗa gumaka a cikin aikace-aikacen React ɗinku ya fi haɗuwa da ido. Gumaka suna taka muhimmiyar rawa a cikin UI/UX na kowane aikace-aikacen, haɓaka daidaituwa da samar da ingantacciyar ƙwarewar gani.
A cikin wannan labarin, zamu tattauna yadda ake haɗawa da amfani da gumakan React a cikin aikace-aikacenku na React.
Ƙara Gumakan React-Ayyukan ku
Mataki na farko shine ƙara Gumakan React-Icon zuwa aikinku. Kamar yadda yake tare da sauran ɗakunan karatu, wannan yana da sauƙi tare da npm (Mai sarrafa fakitin Node) ko yarn.
npm install react-icons --save or yarn add react-icons
Da zarar an gama shigarwa, zaku iya fara haɗa gumaka daban-daban a cikin aikace-aikacen ku.
Yadda Ake Amfani da Gumakan React
Gumakan amsa suna da sauƙi don amfani tare da bayanin shigo da kaya. Yana ba da wani yanki na musamman don kowane gunki a cikin kowane saitin alamar.
import { FaBeer } from 'react-icons/fa';
// Here, FaBeer is the beer icon from the Font Awesome icon set.
A cikin ɓangaren ku, zaku iya sanya alamar kamar haka:
<FaBeer />
Kuna iya saita girman da launi na gunkin ta amfani da CSS ko salo na layi. Tare da Alamar React, zaku sami damar cin gajiyar ikon abubuwan React, yana sauƙaƙa haɗa gumaka a cikin app ɗin ku.
Icon Set in React-Icons
Alamomin martani sun haɗa da saitin fakitin gunkin da ake so da yawa. Waɗannan su ne:
- Gumaka
- FontAwesome
- Misalai
- Gumakan yanayi
- Dabbobi
Kowane ɗayan waɗannan saitin yana da salo na musamman da gumaka iri-iri da za a zaɓa daga ciki. Sassaucin React-Icons yana ba masu haɓaka damar shigo da gumakan da suke buƙata kawai, yana haifar da ƙarin aikace-aikacen nauyi.
React-Icons babban misali ne na wadatar yanayin yanayin React. Wannan ɗakin karatu ba kawai yana ba da hanya mai sauƙi don shigo da amfani da mashahuran saiti na gumakan ba, har ma yana ba da fa'idodin aikin da ke zuwa tare da shigo da gumakan da aikace-aikacenku ke buƙata kawai. Wannan, haɗe tare da jin daɗin samun aiki tare da ainihin abubuwan React, yana sa React-Icons ya zama babban ƙari ga aikin ku.
Salo, siffofi, da yanayin waɗannan fakitin gumakan sun yi kama da masana'antar keɓe, inda salo galibi ke nuna tushen al'adu, sauye-sauyen al'umma, da kerawa na mutum ɗaya. Tarihin hoton hoton yana tunawa da juyin halittar salon kansa, yana kwaikwayon sauye-sauyen fifiko, amfani, da kyawun yanayi akan lokaci.
