Horudhac
Haddi aad ku cusub tahay barnaamijka ama horumariye khibrad leh, barashada fikrado cusub iyo luqado/qaab-dhismeedyo waa qasab in warshadan ay la socoto isbeddellada.
Qaado React, tusaale ahaan, kaas oo Facebook-ga uu furay afar sano ka hor oo uu horayba u noqday doorashada lambarka koowaad ee horumarinta JavaScript ee adduunka oo dhan.
Vue iyo Angular, dabcan, sidoo kale waxay leeyihiin saldhig taageere oo sharci ah. Kadibna waxaa jira Svelte iyo qaabab kale oo caalami ah sida Next.js ama Nuxt.js. Iyo Gatsby, iyo Gridsome, iyo Quasar... iyo qaar kaloo badan.
Haddii aad rabto in aad isku caddeyso inaad tahay horumariye JavaScript khibrad leh, waa inaad lahaataa ugu yaraan waayo-aragnimo kala duwan oo qaab-dhismeedka iyo maktabadaha - marka lagu daro inaad la shaqeyso JS duug ah oo wanaagsan.
Si aan kaaga caawiyo inaad noqoto sayid-dhamaadka hore 2020, waxaan isu keenay sagaal mashruuc oo kala duwan, mid kastaa wuxuu diiradda saarayaa qaab-dhismeedka JavaScript ka duwan iyo maktabad ahaan tikniyoolajiyada aad dhisi karto kuna dari karto faylalkaaga. Xasuusnoow in aysan jirin wax ku caawinaya wax ka badan abuurista waxyaabo, markaa horay u soco, maskaxdaada isticmaal oo samee
Maqaalka waxaa lagu turjumay iyadoo ay taageerayaan EDISON Software, kaas oo Markaasay .
Abka raadinta filimada iyadoo la isticmaalayo React (qabo leh)
Waxa ugu horreeya ee aad ku bilaabi karto waa inaad abuurto app raadinta filimada adoo isticmaalaya React. Hoos waxaa ku yaal sawirka sida codsiga u dambeeya u ekaan doono:
Maxaad baran doontaa
Markaad dhisto abkan, waxaad horumarin doontaa xirfadahaaga falcelinta adiga oo isticmaalaya Hooks API-ga cusub. Mashruucu tusaale ahaan wuxuu adeegsadaa qaybaha React, qabsatooyin badan, API dibadeed, iyo dabcan qaar ka mid ah habaynta CSS.
Xirmada farsamada iyo sifooyinka
- Ku falcelinta qabsatooyinka
- abuur-falcelin-app
- Jsx
- CSS
Adigoon isticmaalin wax xiisado ah, mashaariicdani waxay ku siinayaan meesha ugu fiican ee laga galo falcelinta shaqaynaysa waxayna hubaal ahaan ku caawin doonaan 2020. waad heli kartaa . Raac tilmaamaha ama ka dhig mid adiga kuu gaar ah.
Kala hadal App-ka Vue
Mashruuc kale oo weyn oo adiga ah inaad sameyso waa inaad abuurto app chat adoo isticmaalaya maktabadda JavaScript ee aan jeclahay: VueJS. Codsigu wuxuu u ekaan doonaa sidan:
Maxaad baran doontaa
Casharradan, waxaad ku baran doontaa sida loo sameeyo app-ka Vue ee xoqan - abuurista qaybaha, maaraynta gobolka, samaynta wadooyin, ku xidhidh adeegyada qolo saddexaad, iyo xataa maaraynta aqoonsiga.
Xirmada farsamada iyo sifooyinka
- Vue
- vuex
- Vue Router
- Vue CLI
- Pusher
- CSS
Kani runtii waa mashruuc aad u wanaagsan in lagu bilaabo Vue ama lagu horumariyo xirfadahaaga jira si aad u gasho horumarka 2020. waad heli kartaa .
App cimilo qurxoon oo leh Angular 8
Tusaalahan ayaa kaa caawin doona inaad abuurto app cimilo qurux badan adoo isticmaalaya xagal 8:
Maxaad baran doontaa
Mashruucani wuxuu ku bari doonaa xirfado qiimo leh oo ku saabsan dhisidda codsiyada laga bilaabo eber - laga bilaabo naqshadeynta ilaa horumarinta, dhammaan habka loo diro codsiga diyaarsan.
Xirmada farsamada iyo sifooyinka
- Xaglo-toosiye 8
- Dab-damis
- Samaynta dhinaca server-ka
- CSS oo leh Grid iyo Flexbox
- Mobile saaxiibtinimo iyo la qabsiga
- Habka mugdiga ah
- Interface qurux badan
Waxa aan runtii ka jecelahay mashruucan wax walba leh waa in aadan si gooni ah wax u baran. Taa bedelkeeda, waxaad baraneysaa dhammaan habka horumarinta, laga bilaabo naqshadeynta ilaa ugu dambeyn.
Si aad u sameyso codsiga adoo isticmaalaya Svelte
Svelte waa sida ilmaha cusub ee habka ku salaysan qaybaha - ugu yaraan la mid ah React, Vue iyo Angular. Tanina waa mid ka mid ah alaabada cusub ee ugu kulul 2020.
Barnaamijyada wax-qabadku maaha mawduuca ugu kulul, laakiin waxay runtii kaa caawin doontaa inaad kobciso xirfadahaaga Svelte. Waxay u ekaan doontaa sidan:
Maxaad baran doontaa
Casharkaan ayaa ku tusi doona sida loo sameeyo arji adigoo isticmaalaya Svelte 3, bilow ilaa dhamaad. Waxaad isticmaali doontaa qaybaha, habaynta, iyo maamulayaasha dhacdada
Xirmada farsamada iyo sifooyinka
- Svelte 3
- Qeybaha
- Habaynta CSS
- ES6 syntax
Ma jiraan mashaariic badan oo wanaagsan oo Svelte bilaabay, sidaas darteed waan helay .
E-ganacsiga app isticmaalaya Next.js
Next.js waa qaabka ugu caansan ee lagu dhisayo arjiyada React ee taageera dhinaca server-ka ka bixinta sanduuqa.
Mashruucani wuxuu ku tusi doonaa sida loo sameeyo e-ganacsiga e-commerce oo sidan u eg:
Maxaad baran doontaa
Mashruucan, waxaad ku baran doontaa sida loo horumariyo Next.jsβabuuro bogag iyo qaybo cusub, soo saar xogta, iyo qaabka oo geyso codsi Xiga.
Xirmada farsamada iyo sifooyinka
- Xiga
- Qaybaha iyo bogagga
- Muunad xogta
- Habaynta
- Dejinta Mashruuca
- SSR iyo HBS
Had iyo jeer aad ayay u fiican tahay in la haysto tusaale adduunka dhabta ah sida abka e-commerce si aad wax cusub u barato. Waad awoodaa .
Bloog luuqado badan ku hadasha oo dhamaystiran oo leh Nuxt.js
Nuxt.js waxaa loogu talagalay Vue, waxa Next.js loogu talagalay React: qaab-dhismeedka weyn ee isku dhafka awoodda samaynta dhinaca server-ka iyo codsiyada hal bog ah
Codsiga ugu dambeeya ee aad abuuri karto wuxuu u ekaan doonaa sidan:
Maxaad baran doontaa
Mashruucan muunada ah, waxaad ku baran doontaa sida loo sameeyo degel dhammaystiran iyadoo la isticmaalayo Nuxt.js, laga bilaabo habaynta bilowga ilaa dejinta u dambaysa.
Waxay ka faa'iidaysanaysaa qaar badan oo ka mid ah sifooyinka wanaagsan ee Nuxt ay tahay inay bixiso, sida boggaga iyo qaybaha, iyo habaynta SCSS.
Xirmada farsamada iyo sifooyinka
- Nuxt.js
- Qaybaha iyo bogagga
- Sheeko xannibaad module
- Hagfish
- Vuex ee maamulka gobolka
- SCSS ee habaynta
- Nuxt middlewares
, oo ay ku jiraan waxyaabo badan oo Nuxt.js weyn ah. Anigu shakhsi ahaan waan jeclahay la shaqaynta Nuxt marka waa inaad isku daydaa maadaama ay sidoo kale kaa dhigi doonto horumariye weyn oo Vue ah.
Blog la Gatsby
Gatsby waa koronto-dhaliye heer sare ah oo taagan iyadoo la adeegsanayo React iyo GraphQL. Tani waa natiijada mashruuca:
Maxaad baran doontaa
Casharradan, waxaad ku baran doontaa sida loo isticmaalo Gatsby si aad u samaysato blog aad u isticmaali doonto inaad ku qorto maqaalladaada adigoo isticmaalaya React iyo GraphQL.
Xirmada farsamada iyo sifooyinka
- gatsby
- Diido
- GraphQL
- Plugins iyo mawduucyada
- MDX/Markdown
- Bootstrap CSS
- Tilmaamo
Haddii aad waligaa rabtay inaad bilowdo blog, sida loo sameeyo iyadoo la isticmaalayo React iyo GraphQL.
Ma dhahayo WordPress waa doorasho xun, laakiin Gatsby waxaad ku dhisi kartaa mareegaha waxqabadka sare leh adoo isticmaalaya React - taas oo ah isku-dar la yaab leh.
Blog leh Gridsome
Gridsome for Vue... Hagaag, waxaan horey u haysanay kan Next/Nuxt.
Laakiin isku mid ayaa run u ah Gridsome iyo Gatsby. Labaduba waxay u isticmaalaan GraphQL sida lakabka xogta, laakiin Gridsome waxay isticmaashaa VueJS. Tani sidoo kale waa koronto-dhaliye deg-deg ah oo cajiib ah oo kaa caawin doona inaad abuurto baloogyo waaweyn:
Maxaad baran doontaa
Mashruucani wuxuu ku bari doonaa sida loo sameeyo blog fudud si aad uga bilowdo Gridsome, GraphQL iyo Markdown. Waxa kale oo ay dabooshaa sida loo geeyo codsiga Netlify.
Xirmada farsamada iyo sifooyinka
- Gridsome
- Vue
- GraphQL
- Markdown
- Netlify
Runtii tani maaha casharka ugu dhamaystiran, laakiin waxay dabooshaa fikradaha aasaasiga ah ee Gridsome iyo .
Ciyaartoyga codka ah ee SoundCloud oo isticmaalaya Quasar
Quasar waa qaab kale oo Vue ah oo loo isticmaali karo in lagu abuuro codsiyada moobiilka. Mashruucan waxaad ku abuuri doontaa cod-ciyaartoy cod ah, tusaale ahaan:
Maxaad baran doontaa
Iyadoo mashaariicda kale ay inta badan diiradda saaraan codsiyada webka, kani wuxuu ku tusi doonaa sida loo sameeyo arjiga mobaylka iyadoo la adeegsanayo Vue iyo qaabka Quasar.
Waa inaad hore u haysataa Cordova oo ku shaqaynaysa Android Studio/Xcode habaysan. Haddi aysan ahayn, buuggu waxa uu xidhiidh la leeyahay mareegaha Quasar halkaas oo ay ku tusinayaan sida wax walba loo dejiyo.
Xirmada farsamada iyo sifooyinka
- qusar
- Vue
- Cordova
- WaveSurfer
- Qaybaha UI
, Muujinaya awoodaha Quasar ee abuurista codsiyada mobaylada.
Source: www.habr.com