𝗡𝗮𝗽𝗶 𝗛𝘂𝘁𝗼𝗸𝗲𝗮 𝗪𝗲𝗻𝗴𝗶 𝗨𝗻𝗮𝘁𝘂𝗻𝗮 𝗞𝗮𝗺𝗮𝗻𝗱𝗶 𝘇𝗶 𝗻𝗽𝗺?
Unabonyeza Enter kwenye amri ya npm na kusubiri. Ghafla, mradi wako unaanza kufanya kazi. Inahisi kama uchawi.
Sio uchawi. Ni mfululizo wa maombi ya mtandao (network requests), uchambuzi wa kodi (code parsing), na uboreshaji wa faili (file optimizations).
Acha kutekeleza amri bila kuelewa. Elewa injini inayofanya kazi nyuma ya amri hizi 6 kuu.
npm install Amri hii inasoma package.json yako. Inawasiliana na cloud registry ili kupata utegemezi (dependencies) zako. • Inapakua package kwenye folda ya node_modules. • Inatatua migongano ya matoleo (version conflicts). • Inatengeneza package-lock.json ili kurekodi matoleo halisi.
npm run format:check Hii ni hatua ya uhakiki. Inatumia zana kama Prettier kukagua faili zako. • Inatengeneza mpangilio wa kidijitali (virtual layout) wa kodi yako. • Inalinganisha kodi yako na kanuni zako za mtindo (style rules). • Inatambua makosa bila kubadilisha faili zako.
npm run format Amri hii inarekebisha matatizo yaliyopatikana wakati wa ukaguzi. • Inafanya kazi ya Prettier kwenye mradi wako. • Inandika upya faili zako ili zilingane na kanuni zako za mtindo. • Inasafisha nafasi (spacing) na mpangilio (formatting) kiotomatiki.
npm run lint Ione kama programu ya kukagua makosa ya tahajia (spellchecker) kwa kodi yako. ESLint inatafuta makosa kama: • Makosa ya sintaksi (syntax mistakes). • Vigezo (variables) visivyotumika. • Import zilizoachwa. • Matumizi yasiyo sahihi ya React Hook.
npm run build Amri hii inaandaa programu yako kwa ajili ya matumizi halisi. Inatengeneza folda ya dist. • Inafanya 'tree shaking' ili kuondoa kodi zisizotumika. • Inapunguza ukubwa wa kodi (minifies) kwa kuondoa nafasi na kufupisha majina ya vigezo. • Inakusanya JavaScript, CSS, na rasilimali (assets) kuwa faili zilizoboreshwa. • Faili hizi ziko tayari kwa ajili ya kuwekwa kwenye seva (deployment).
npm run dev Hii inawasha seva ya ndani (local server) ili uweze kufanya kazi. • Inatumia Native ES Modules kutafsiri (compile) faili pale tu kivinjari (browser) kinapozihitaji. • Inatumia Hot Module Replacement (HMR) ili kusasisha tovuti yako papo hapo bila kuhitaji kuifungua upya ukurasa (page refresh).
npm run preview Huu ni ukaguzi wako wa mwisho. Unapuuza kodi yako ya chanzo (source code) na kuangalia tu folda ya dist. • Inaiga jinsi programu yako itakavyofanya kazi kwenye seva halisi. • Inakusaidia kukamata hitilafu (bugs) kabla ya kuweka programu kwenye uzalishaji (production).
Terminal si sanduku jeusi (black box). Kuelewa zana hizi kunakusaidia kutatua hitilafu (debug) haraka zaidi vitu vinapoharibika.
Ni amri gani ilibadilisha jinsi unavyofanya kazi ya kodi baada ya kujifunza jinsi inavyofanya kazi? Niambie hapa chini.