Ang pangunahing problema sa pagdaragdag ng mga icon ng reaksyon gamit ang sinulid ay maaaring mahirap hanapin ang tamang icon. Mayroong ilang iba't ibang mga aklatan na magagamit mo upang maghanap ng mga icon, ngunit maaaring mahirap magpasya kung alin ang gagamitin. Bukod pa rito, maaaring hindi mo mahanap ang tamang laki o istilo ng icon.
? In order to add React icons using yarn, you would need to run the following command: yarn add react-icons
Idaragdag nito ang library ng mga icon ng React sa iyong proyekto.
Disenyo ng mga icon
Mayroong ilang mga bagay na dapat isaalang-alang kapag nagdidisenyo ng mga icon sa React.
Una, mahalagang isipin ang layunin ng icon. Ito ba ay kumakatawan sa isang tiyak na piraso ng impormasyon, o ito ba ay simpleng elemento ng aesthetic?
Pangalawa, isaalang-alang ang laki at layout ng icon. Gagamitin ba ito bilang bahagi ng isang mas malaking disenyo, o gagamitin ito nang mag-isa?
Panghuli, isipin kung paano madaling ma-customize o ma-update ang icon. Mayroon bang paraan upang baguhin ang kulay o estilo ng font?
Mga Tip para sa Sinulid
Mayroong ilang mga bagay na dapat tandaan kapag nagtatrabaho sa sinulid sa React.
1. Gumamit ng yarn add para makuha ang pinakabagong mga bersyon ng mga dependency
yarn add react react-dom react-router babel-loader webpack
2. Gumamit ng yarn run upang ilunsad ang iyong app nang lokal
yarn run build
