Selelekela
Ho sa tsotellehe hore na u mocha oa ho etsa mananeo kapa moqapi oa khale, ho ithuta likhopolo tse ncha le lipuo / meralo ke ntho e hlokahalang indastering ena ho tsamaisana le mekhoa.
Ka mohlala, nka React, eo Facebook e ileng ea e bula lilemong tse 'nè tse fetileng mme e se e fetohile khetho ea pele bakeng sa baetsi ba JavaScript lefatšeng ka bophara.
Vue le Angular, ehlile, le tsona li na le balateli ba tsona ba molaong. 'Me joale ho na le Svelte le mekhoa e meng ea bokahohle e kang Next.js kapa Nuxt.js. Le Gatsby, le Gridsome, le Quasar ... le tse ling tse ngata.
Haeba u batla ho iponahatsa u le moqapi oa JavaScript ea nang le boiphihlelo, bonyane u lokela ho ba le boiphihlelo bo itseng ka meralo le lilaeborari tse fapaneng - ntle le ho etsa mosebetsi ka JS ea khale e ntle.
Ho o thusa ho ba setsebi sa mantlha ka 2020, ke kopantse merero e fapaneng e robong, e 'ngoe le e 'ngoe e shebane le moralo o fapaneng oa JavaScript le laeborari joalo ka stack ea theknoloji eo u ka e ahang le ho e eketsa potefoliong ea hau. Hopola hore ha ho letho le u thusang ho feta ho bopa lintho, kahoo tsoela pele, sebelisa kelello ea hau 'me u etse hore e etsahale
Sengoloa se fetoletsoe ka tšehetso ea EDISON Software, e , hammoho le .
Sesebelisoa sa ho batla lifilimi se sebelisang React (ka lihakisi)
Ntho ea pele eo u ka e qalang ke ho theha sesebelisoa sa ho batla lifilimi u sebelisa React. Ka tlase ke setšoantšo sa hore na sesebelisoa sa ho qetela se tla shebahala joang:
O tla ithuta eng
Ka ho aha sesebelisoa sena, o tla ntlafatsa tsebo ea hau ea React ka ho sebelisa Hooks API e ncha. Morero oa mohlala o sebelisa likarolo tsa React, lihoko tse ngata, API ea kantle, 'me ehlile setaele sa CSS.
Tech stack le likarolo
- Itšoare ka lihakisi
- qapa-etsa-app
- JSX
- CSS
Ntle le ho sebelisa litlelase leha e le life, merero ena e u fa sebaka se nepahetseng sa ho kena ho React e sebetsang mme e tla u thusa ka 2020. u ka fumana . Latela litaelo kapa u iketsetse ea hau.
Chat App le Vue
Morero o mong o motle oo u ka o etsang ke ho theha sesebelisoa sa meqoqo u sebelisa laeborari eo ke e ratang ea JavaScript: VueJS. Sesebelisoa se tla shebahala tjena:
O tla ithuta eng
Thutong ena, u tla ithuta ho etsa sesebelisoa sa Vue ho tloha qalong - ho theha likarolo, ho sebetsana le boemo, ho theha litsela, ho hokela lits'ebeletso tsa mokha oa boraro, esita le ho sebetsana le netefatso.
Tech stack le likarolo
- Vue
- vux
- Tsela ea ho shebella
- Sheba CLI
- Pusher
- CSS
Ona ke projeke e ntle haholo ea ho qala ka Vue kapa ho ntlafatsa tsebo ea hau e teng ho kena nts'etsopele ka 2020. u ka fumana .
Sesebelisoa se setle sa boemo ba leholimo se nang le Angular 8
Mohlala ona o tla u thusa ho theha app e ntle ea boemo ba leholimo u sebelisa Angular 8:
O tla ithuta eng
Morero ona o tla u ruta litsebo tsa bohlokoa tsa ho aha lits'ebetso ho tloha qalong - ho tloha ho moralo ho isa ho nts'etsopele, ho isa ho ts'ebeliso e lokiselitsoeng ho romelloa.
Tech stack le likarolo
- Angular 8
- Setsi sa mollo
- Phetolelo ea lehlakore la seva
- CSS e nang le Grid le Flexbox
- Mobile botsoalle le ho ikamahanya le maemo
- Mokhoa o lefifi
- Sehokelo se setle
Seo ke hlileng ke se ratang ka morero ona o akaretsang ke hore ha u ithute lintho u le mong. Ho e-na le hoo, u ithuta ts'ebetso eohle ea nts'etsopele, ho tloha ho moralo ho isa ho ts'ebetsong ea ho qetela.
Sesebelisoa sa ho Etsa se sebelisa Svelte
Svelte o tšoana le ngoana e mocha ka mokhoa o thehiloeng ho likarolo - bonyane o tšoana le React, Vue le Angular. Mme ena ke e 'ngoe ea lihlahisoa tse ncha tse chesang ka ho fetesisa tsa 2020.
Lisebelisoa tsa To-Do ha se taba e chesang haholo, empa li tla u thusa ho ntlafatsa tsebo ea hau ea Svelte. E tla shebahala tjena:
O tla ithuta eng
Thupelo ena e tla u bontša mokhoa oa ho etsa kopo u sebelisa Svelte 3, ho tloha qalong ho isa qetellong. U tla sebelisa likarolo, setaele, le batšoasi ba liketsahalo
Tech stack le likarolo
- Setšoantšo sa 3
- Lihlopha
- Setaele le CSS
- ES6 syntax
Ha ho na merero e mengata e ntle ea ho qala Svelte, kahoo ke e fumane .
Sesebelisoa sa E-commerce se sebelisang Next.js
Next.js ke moralo o tsebahalang haholo oa ho aha lits'ebetso tsa React tse ts'ehetsang phepelo ea lehlakore la seva ka ntle ho lebokose.
Morero ona o tla u bontša mokhoa oa ho etsa kopo ea e-commerce e shebahalang tjena:
O tla ithuta eng
Morerong ona, o tla ithuta ho ntlafatsa ka Next.js- theha maqephe a macha le likaroloana, ho ntša lintlha, le setaele ebe u sebelisa sesebelisoa se Latelang.
Tech stack le likarolo
- E latelang .js
- Likaroloana le Maqephe
- Data sampole
- Setaele
- Phaliso ea Morero
- SSR le SPA
Kamehla ho monate ho ba le mohlala oa lefatše oa 'nete joalo ka sesebelisoa sa e-commerce ho ithuta ntho e ncha. U ka khona .
Blog e felletseng ea lipuo tse ngata e nang le Nuxt.js
Nuxt.js ke ea Vue, seo Next.js e leng sona bakeng sa React: moralo o motle oa ho kopanya matla a ho fana ka lehlakoreng la seva le lits'ebetso tsa leqephe le le leng.
Sesebelisoa sa ho qetela seo u ka se etsang se tla shebahala tjena:
O tla ithuta eng
Morerong ona oa mohlala, u tla ithuta ho theha sebaka sa Marang-rang se felletseng u sebelisa Nuxt.js, ho tloha ha u seta qalong ho isa phetisong ea ho qetela.
E nka monyetla oa likarolo tse ngata tse ntle tseo Nuxt e fanang ka tsona, joalo ka maqephe le likarolo, le setaele ka SCSS.
Tech stack le likarolo
- Jj
- Likaroloana le Maqephe
- Storyblock module
- Hagfish
- Vuex bakeng sa tsamaiso ea naha
- SCSS bakeng sa setaele
- Nuxt middlewares
, e kenyelletsang likarolo tse ngata tse ntle tsa Nuxt.js. Ke rata ho sebetsa le Nuxt kahoo o lokela ho e leka kaha e tla u etsa moqapi e moholo oa Vue.
Blog le Gatsby
Gatsby ke jenereithara e ntle haholo ea sebaka sa marang-rang e sebelisang React le GraphQL. Sena ke sephetho sa morero:
O tla ithuta eng
Thutong ena, u tla ithuta ho sebelisa Gatsby ho theha blog eo u tla e sebelisa ho ngola lingoliloeng tsa hau u sebelisa React le GraphQL.
Tech stack le likarolo
- gatsby
- Etsa joalo
- KerafoQL
- Li-plugins le lihlooho
- MDX/Markdown
- Bootstrap CSS
- Litempele
Haeba u kile ua batla ho qala blog, mabapi le mokhoa oa ho e etsa ka React le GraphQL.
Ha ke re WordPress ke khetho e mpe, empa ka Gatsby u ka haha liwebsaete tse sebetsang hantle ka ho sebelisa React - e leng motsoako o makatsang.
Blog e nang le Gridsome
Gridsome for Vue... Ho lokile, re se re na le sena ka Next/Nuxt.
Empa ho joalo le ka Gridsome le Gatsby. Ka bobeli ba sebelisa GraphQL joalo ka data ea bona, empa Gridsome e sebelisa VueJS. Hape ke jenereithara e makatsang ea sebaka sa marang-rang e tla u thusa ho theha li-blog tse ntle haholo:
O tla ithuta eng
Morero ona o tla u ruta mokhoa oa ho theha blog e bonolo ho qala ka Gridsome, GraphQL le Markdown. E boetse e akaretsa mokhoa oa ho kenya kopo ka Netlify.
Tech stack le likarolo
- Gridsome
- Vue
- KerafoQL
- Markdown
- Netify
Ka sebele ena ha se thuto e felletseng ka ho fetesisa, empa e akaretsa lintlha tsa mantlha tsa Gridsome le .
Sebapali sa molumo se kang SoundCloud se sebelisa Quasar
Quasar ke moralo o mong oa Vue o ka sebelisoang ho theha lits'ebetso tsa mehala. Morerong ona o tla theha sesebelisoa sa sebapali sa molumo, mohlala:
O tla ithuta eng
Leha merero e meng e tsepamisitse maikutlo haholo lits'ebetsong tsa marang-rang, ena e tla u bontša mokhoa oa ho theha sesebelisoa sa mohala u sebelisa Vue le moralo oa Quasar.
U tlameha ho ba le Cordova e sebetsang ka Android Studio/Xcode e hlophisitsoeng. Haeba ho se joalo, bukana e na le sehokelo ho webosaete ea Quasar moo ba u bonts'ang mokhoa oa ho hlophisa tsohle.
Tech stack le likarolo
- quasar
- Vue
- Cordova
- WaveSurfer
- Likarolo tsa UI
, e bonts'ang bokhoni ba Quasar ba ho theha lits'ebetso tsa mehala.
Source: www.habr.com