Det største problem med at tilføje react-ikoner ved hjælp af garn er, at det kan være svært at finde det rigtige ikon. Der er en række forskellige biblioteker, som du kan bruge til at finde ikoner, men det kan være svært at beslutte, hvilket du skal bruge. Derudover kan du muligvis ikke finde den rigtige størrelse eller stil på ikonet.
? In order to add React icons using yarn, you would need to run the following command: yarn add react-icons
Dette ville tilføje React icons-biblioteket til dit projekt.
Ikoner design
Der er et par ting at overveje, når du designer ikoner i React.
Først er det vigtigt at tænke over formålet med ikonet. Er det for at repræsentere en bestemt information, eller er det blot et æstetisk element?
For det andet skal du overveje størrelsen og layoutet af ikonet. Vil det blive brugt som en del af et større design, eller vil det blive brugt alene?
Tænk endelig over, hvordan ikonet nemt kan tilpasses eller opdateres. Er der en måde at ændre farve eller skrifttype på?
Tips til garn
Der er et par ting, du skal huske på, når du arbejder med garn i React.
1. Brug yarn add for at få de seneste versioner af afhængigheder
garn tilføj react react-dom react-router babel-loader webpack
2. Brug garnløb til at starte din app lokalt
opbygning af garnløb
