Ọrụ 9 ọzọ iji kwalite nkà ihu-ọgwụgwụ gị

Okwu Mmalite

Ma ị bụ onye ọhụrụ na mmemme ma ọ bụ onye nrụpụta nwere ahụmahụ, ịmụta echiche ọhụrụ na asụsụ/framework dị mkpa na ụlọ ọrụ a iji na-agbaso usoro.

Were React dịka ọmụmaatụ, nke Facebook mepere naanị afọ anọ gara aga ma bụrụlarị nhọrọ mbụ maka ndị mmepe JavaScript gburugburu ụwa.

N'ezie, Vue na Angular nwekwara nkwado ndabere nke ha. Mgbe ahụ enwere Svelte na usoro ụwa ndị ọzọ dị ka Next.js ma ọ bụ Nuxt.js. Na Gatsby, na Gridsome, na Quasar... na ọtụtụ ndị ọzọ.

Ọ bụrụ n’ịchọrọ igosipụta onwe gị dị ka onye nrụpụta Javascript nwere ahụmahụ, ị ​​ga-enwe opekata mpe ahụmịhe na usoro dị iche iche na ọba akwụkwọ - na mgbakwunye na ịrụ ọrụ na ezigbo JS ochie.

Iji nyere gị aka ịghọ nna ukwu n'ihu na 2020, achịkọtala m ọrụ dị iche iche itoolu, nke ọ bụla na-elekwasị anya na usoro JavaScript dị iche iche na ọbá akwụkwọ dị ka nchịkọta teknụzụ ị nwere ike wulite ma tinye na Pọtụfoliyo gị. Cheta na ọ dịghị ihe na-enyere gị aka karịa ịmepụta ihe n'ezie, ya mere na-aga n'ihu, jiri uche gị mee ihe

Atụgharịrị akụkọ a site na nkwado nke EDISON Software, nke na-eme ka ime ụlọ dabara adaba maka ụlọ ahịa nwere ọtụtụ ụdịNa anwale software.

Ngwa ọchụchọ ihe nkiri na-eji React (nwere nko)

Ihe mbụ ị nwere ike ịmalite bụ iji React mepụta ngwa nchọ ihe nkiri. N'okpuru bụ onyonyo nke ngwa ikpeazụ ga-adị ka:

Kedu ihe ị ga -amụta
Site n'ịme ngwa a, ị ga-emeziwanye nka React gị site na iji API Hooks ọhụrụ. Ihe atụ a na-eji akụrụngwa React, ọtụtụ nko, API mpụga, yana ụfọdụ ụdị CSS.

Teknụzụ tojupụtara na atụmatụ

• Jiri nko meghachi omume
• kee-eme-ngwa
• JSX
• CSS

Na-ejighị klaasị ọ bụla, ọrụ ndị a na-enye gị ebe ntinye zuru oke na React na-arụ ọrụ na ọ ga-enyere gị aka na 2020. ị nwere ike ịchọta ihe atụ oru ngo ebe a. Soro ntuziaka ma ọ bụ mee ya nke gị.

Kpaa ngwa na Vue

Ihe ọzọ dị mma ị ga-eme bụ ịmepụta ngwa nkata site na iji ọba akwụkwọ Javascript kacha amasị m: VueJS. Ngwa ga-adị ka nke a:

Kedu ihe ị ga -amụta
N'ime nkuzi a, ị ga-amụta otu esi eme ngwa Vue site na ọkọ - imepụta akụrụngwa, njikwa steeti, imepụta ụzọ, ijikọ na ọrụ ndị ọzọ na ọbụna njikwa nyocha.

Teknụzụ tojupụtara na atụmatụ

• Anya
• vuex
• Vue Router
• Ebe CLI
• Pusher
• CSS

Nke a bụ nnukwu ọrụ iji malite Vue ma ọ bụ kwalite nkà gị dị ugbu a iji nweta mmepe na 2020. ị nwere ike ịchọta nkuzi ebe a.

Ngwa ihu igwe mara mma nwere Angular 8

Ihe atụ a ga-enyere gị aka ịmepụta ngwa ihu igwe mara mma site na iji Angular 8:

Kedu ihe ị ga -amụta
Ọrụ a ga-akụziri gị nkà bara uru n'ịrụ ngwa site na ọkọ - site na imewe site na mmepe, ruo na ngwa ntinye-njikere.

Teknụzụ tojupụtara na atụmatụ

• Ihe ngosi 8
• Firebase
• Ntụgharị akụkụ nkesa
• CSS nwere Grid na Flexbox
• Ekwentị enyi na enyi na ime mgbanwe
• Ọnọdụ gbara ọchịchịrị
• Mara mma interface

Ihe na-amasị m n'ezie maka ọrụ a na-agbakọta ọnụ bụ na ị naghị amụ ihe naanị. Kama, ị na-amụta usoro mmepe niile, site na imewe ruo n'ịkwanye ikpeazụ.

Ngwa ime-eji Svelte

Svelte dị ka nwa ọhụrụ ahụ na usoro dabere na akụrụngwa - opekata mpe yiri React, Vue na Angular. Ma nke a bụ otu n'ime ngwaahịa ọhụrụ kacha ewu ewu maka 2020.

Ngwa ime eme abụghị isiokwu kacha ewu ewu, mana ọ ga-enyere gị aka ịkwalite nka Svelte gị. Ọ ga-adị ka nke a:

Kedu ihe ị ga -amụta
Nkuzi a ga-egosi gị otu esi emepụta ngwa site na iji Svelte 3, site na mmalite ruo n'isi. Ị ga-eji akụrụngwa, styling, na ndị njikwa mmemme

Teknụzụ tojupụtara na atụmatụ

• Svelte 3
• Akụkụ
• styling na CSS
• ES6 syntax

Enweghị ọtụtụ ezigbo ọrụ mmalite Svelte, yabụ ahụrụ m nke a bụ ezigbo nhọrọ iji malite.

Ngwa e-azụmahịa na-eji Next.js

Next.js bụ usoro kachasị ewu ewu maka iwulite ngwa React na-akwado ịmegharị akụkụ nkesa na igbe ahụ.

Ọrụ a ga-egosi gị otu esi emepụta ngwa e-commerce dị ka nke a:

Kedu ihe ị ga -amụta
N'ime oru ngo a, ị ga-amụta ka esi emepe na Next.js-mepụta ibe na akụrụngwa ọhụrụ, wepụta data, na ụdị wee tinye ngwa ọzọ.

Teknụzụ tojupụtara na atụmatụ

• Ọzọ.js
• Ngwa na ibe
• Nlele data
• Nhazi
• Nbunye oru ngo
• SSR na SPA

Ọ na-adị mma mgbe niile ịnwe ihe atụ n'ezie dị ka ngwa e-azụmahịa iji mụta ihe ọhụrụ. Ị nwere ike chọta nkuzi ebe a.

Blọọgụ ọtụtụ asụsụ nwere Nuxt.js zuru oke

Nuxt.js bụ maka Vue, ihe Next.js bụ maka React: nnukwu usoro maka ijikọta ike nke nsụgharị-akụkụ ihe nkesa na ngwa otu ibe.
Ngwa ikpeazụ ị nwere ike ịmepụta ga-adị ka nke a:

Kedu ihe ị ga -amụta

N'ime ọrụ nlele a, ị ga-amụta otu esi emepụta webụsaịtị zuru oke site na iji Nuxt.js, site na nhazi mbụ ruo n'ebunye ikpeazụ.

Ọ na-erite uru n'ọtụtụ njiri mara mma nke Nuxt ga-enye, dị ka ibe na akụrụngwa, yana ịke ya na SCSS.

Teknụzụ tojupụtara na atụmatụ

• Nuxt.js
• Ngwa na ibe
• Modul ngọngọ akụkọ
• Azụ azụ
• Vuex maka njikwa steeti
• SCSS maka ịke
• Nuxt middlewares

Nke a bụ ezigbo oru ngo, nke gụnyere ọtụtụ nnukwu Nuxt.js atụmatụ. Enwere m mmasị n'ịrụ ọrụ na Nuxt n'ihi na ị ga-anwale ya ka ọ ga-emekwa ka ị bụrụ nnukwu onye mmepụta Vue.

Blọọgụ na Gatsby

Gatsby bụ ezigbo onye nrụpụta saịtị static site na iji React na GraphQL. Nke a bụ nsonaazụ nke ọrụ a:

Kedu ihe ị ga -amụta

N'ime nkuzi a, ị ga-amụta ka esi eji Gatsby mepụta blọgụ nke ị ga-eji dee akụkọ nke gị site na iji React na GraphQL.

Teknụzụ tojupụtara na atụmatụ

• gatsby
• Emeghachi
• GraphQL
• Ngwa mgbakwunye na gburugburu
• MDX/Markdown
• Bootstrap CSS
• Ndebiri

Ọ bụrụ na ịchọrọ ịmalite blọgụ, nke a bụ ezigbo ihe atụ maka otu esi eme ya site na iji React na GraphQL.

Anaghị m ekwu na WordPress bụ nhọrọ na-adịghị mma, mana na Gatsby ị nwere ike wulite weebụsaịtị na-arụ ọrụ dị elu site na iji React - nke bụ ngwakọta dị ịtụnanya.

Blọọgụ na Gridsome

Gridsome maka Vue... Ọ dị mma, anyị enweelarị nke a na Next/Nuxt.
Mana otu ahụ ka ọ dịkwa maka Gridsome na Gatsby. Ha abụọ na-eji GraphQL dị ka oyi akwa data ha, mana Gridsome na-eji VueJS. Nke a bụkwa ihe dị ịtụnanya na-emepụta saịtị static ga-enyere gị aka ịmepụta blọọgụ dị ukwuu:

Kedu ihe ị ga -amụta

Ihe oru ngo a ga-akuziri gi ka esi emepụta blọọgụ dị mfe iji malite Gridsome, GraphQL na Markdown. Ọ na-ekpuchikwa otu esi etinye ngwa site na Netlify.

Teknụzụ tojupụtara na atụmatụ

• Gridsome
• Anya
• GraphQL
• Markdown
• Netify

N'ezie, nke a abụghị nkuzi kachasị oke, mana ọ na-ekpuchi isi echiche nke Gridsome na Markdown nwere ike ịbụ ezigbo mmalite.

Ihe ọkpụkpọ ụda dị ka SoundCloud na-eji Quasar

Quasar bụ usoro Vue ọzọ enwere ike iji mepụta ngwa mkpanaka. N'ime oru ngo a, ị ga-emepụta ngwa ọkpụkpọ ọdịyo, dịka ọmụmaatụ:

Kedu ihe ị ga -amụta

Ebe ọrụ ndị ọzọ na-elekwasị anya na ngwa weebụ, nke a ga-egosi gị otu esi emepụta ngwa mkpanaaka site na iji Vue na Quasar framework.
Ịkwesịrị inweworị Cordova na-agba ọsọ na gam akporo Studio/Xcode ahazi. Ọ bụrụ na ọ bụghị, akwụkwọ ntuziaka nwere njikọ na webụsaịtị Quasar ebe ha na-egosi gị otu esi edozi ihe niile.

Teknụzụ tojupụtara na atụmatụ

• quasar
• Anya
• Cordova
• WaveSurfer
• Ngwa UI

Obere oru ngo, na-egosipụta ike Quasar maka ịmepụta ngwa mkpanaaka.

isi: www.habr.com