Nhanganyaya
Kunyangwe iwe uri mutsva kuchirongwa kana mugadziri ane ruzivo, kudzidza mitsva mitsva nemitauro/mafuremu chinhu chinodiwa muindastiri ino kuti uenderane nemaitiro.
Tora React, semuenzaniso, iyo Facebook yakavhurika-yakavhurwa makore mana apfuura uye yatove nhamba yekutanga sarudzo yevagadziri veJavaScript pasi rese.
Vue uye Angular, hongu, zvakare vane yavo yepamutemo fan base. Uyezve kune Svelte uye mamwe misimboti yepasirese senge Next.js kana Nuxt.js. Uye Gatsby, uye Gridsome, uye Quasar ... nezvimwe zvakawanda.
Kana iwe uchida kuzviratidza semugadziri weJavaScript ane ruzivo, iwe unofanirwa kuve neruzivo nemhando dzakasiyana siyana nemaraibhurari - mukuwedzera pakuita basa neJS yakanaka yekare.
Kuti ikubatsire kuve tenzi wepamberi muna 2020, ndakaisa mapurojekiti mapfumbamwe akasiyana, rimwe nerimwe richitarisa pane rakasiyana JavaScript chimiro uye raibhurari setekinoroji stack yaunogona kuvaka nekuwedzera kune yako portfolio. Rangarira kuti hapana chinokubatsira iwe kupfuura kugadzira zvinhu, saka enda kumberi, shandisa pfungwa dzako uye uite kuti zviitike
Chinyorwa chakaturikirwa nerutsigiro rweEDISON Software, iyo , pamwe chete .
Bhaisikopo yekutsvaga app uchishandisa React (ine zvikorekedzo)
Chinhu chekutanga chaungatanga nacho kugadzira bhaisikopo rekutsvaga app uchishandisa React. Pazasi pane mufananidzo wekuti iyo yekupedzisira application ichaita sei:
Chii chauchadzidza
Nekuvaka iyi app, iwe unovandudza hunyanzvi hwako hweReact nekushandisa iyo ichangoburwa Hooks API. Muenzaniso purojekiti inoshandisa React components, hoko dzakawanda, yekunze API, uyezve imwe CSS styling.
Tech stack uye maficha
- React nemachira
- gadzira-kuita-app
- JSX
- CSS
Pasina kushandisa chero makirasi, aya mapurojekiti anokupa iwe yakakwana yekupinda mukushanda React uye inonyatso kukubatsira muna 2020. unogona kuwana . Tevera mirairo kana kuti uite yako.
Chat App neVue
Imwe purojekiti huru yekuti iwe uite kugadzira chat app uchishandisa yangu yandinoda JavaScript raibhurari: VueJS. Iyo application ichataridzika seizvi:
Chii chauchadzidza
Muchidzidzo ichi, iwe uchadzidza kugadzira Vue app kubva kutanga - kugadzira zvinhu, kubata nyika, kugadzira nzira, kubatanidza kune wechitatu-bato masevhisi, uye kunyange kubata huchokwadi.
Tech stack uye maficha
- Vue
- vuex
- Vue Router
- Ona CLI
- Pusher
- CSS
Iyi ipurojekiti yakanaka kwazvo yekutanga neVue kana kuvandudza hunyanzvi hwako huripo kuti upinde mubudiriro muna 2020. unogona kuwana .
Yakanaka mamiriro ekunze app neAngular 8
Uyu muenzaniso uchakubatsira iwe kugadzira yakanaka mamiriro ekunze app uchishandisa Angular 8:
Chii chauchadzidza
Iyi purojekiti ichakudzidzisa hunyanzvi hwakakosha mukuvaka zvikumbiro kubva pakutanga - kubva pakugadzira kuburikidza nekusimudzira, nzira yese kusvika kune yakagadzirira-yakagadzirira application.
Tech stack uye maficha
- Angular 8
- Firebase
- Server side rendering
- CSS ine Grid uye Flexbox
- Mobile hushamwari uye kuchinjika
- Rima modhi
- Yakanaka interface
Chandinonyanya kuda nezve chirongwa ichi chinosanganisa zvese ndechekuti haudzidze zvinhu uri wega. Pane kudaro, iwe unodzidza maitiro ese ekusimudzira, kubva pakugadzira kusvika pakutumirwa kwekupedzisira.
Kuita-Kuita application uchishandisa Svelte
Svelte akafanana nemwana mutsva pane chikamu-chakavakirwa maitiro - zvakangofanana neReact, Vue uye Angular. Uye ichi ndicho chimwe chezvinopisa zvigadzirwa zvitsva zve2020.
To-Do maapplication hausiwo iwo musoro unopisa, asi zvinonyatso kukubatsira kukwenenzvera hunyanzvi hwako hweSvelte. Ichaita seizvi:
Chii chauchadzidza
Ichi chidzidzo chinokuratidza maitiro ekugadzira application uchishandisa Svelte 3, kubva pakutanga kusvika pakupedzisira. Iwe uchashandisa zvikamu, styling, uye zviitiko zvinobata
Tech stack uye maficha
- Svelte 3
- Components
- Kugadzira neCSS
- ES 6 syntax
Iko hakuna akawanda akanaka maSvelte ekutanga mapurojekiti, saka ndawana .
E-commerce app uchishandisa Next.js
Next.js ndiyo inonyanya kufarirwa chimiro chekuvaka React application inotsigira server-side rendering kunze kwebhokisi.
Iyi purojekiti inokuratidza maitiro ekugadzira e-commerce application inoita seizvi:
Chii chauchadzidza
Muchirongwa ichi, unozodzidza kugadzira neNext.js-gadzira mapeji matsva nezvikamu, bvisa data, uye maitiro uye shandisa Inotevera application.
Tech stack uye maficha
- Inotevera.js
- Zvikamu uye Mapeji
- Data sampling
- Chimiro
- Project Deployment
- SSR uye SPA
Zvinogara zvakanaka kuve nemuenzaniso wepasirese senge e-commerce app kudzidza chimwe chinhu chitsva. Unogona .
Blog rakazara mitauro yakawanda ine Nuxt.js
Nuxt.js ndeye Vue, chii Next.js ndeye React: chimiro chikuru chekubatanidza simba re server-side rendering uye single-peji application.
Iyo yekupedzisira application yaunogona kugadzira ichaita seizvi:
Chii chauchadzidza
Mumuenzaniso uyu wepurojekiti, iwe uchadzidza kugadzira webhusaiti yakazara uchishandisa Nuxt.js, kubva pakuseta kwekutanga kusvika pakutumirwa kwekupedzisira.
Zvinotora mukana weakawanda eanotonhorera maficha ayo Nuxt anofanira kupa, senge mapeji uye zvikamu, uye manyorerwo neSCSS.
Tech stack uye maficha
- Nuxt.js
- Zvikamu uye Mapeji
- Storyblock module
- Hagfish
- Vuex yehurumende manejimendi
- SCSS yekugadzira
- Nuxt middlewares
, iyo inosanganisira akawanda makuru eNuxt.js maficha. Ini pachangu ndinoda kushanda neNuxt saka unofanirwa kuiedza sezvo zvichizokuita iwe mugadziri mukuru weVue.
Blog neGatsby
Gatsby yakanakisa static saiti jenareta uchishandisa React uye GraphQL. Izvi ndizvo mhedzisiro yeprojekiti:
Chii chauchadzidza
Muchidzidzo ichi, iwe uchadzidza kushandisa Gatsby kugadzira blog yauchazoshandisa kunyora zvinyorwa zvako uchishandisa React uye GraphQL.
Tech stack uye maficha
- Gatsby
- Taura
- GraphQL
- Plugins uye madingindira
- MDX/Markdown
- Bootstrap CSS
- Mapepa
Kana iwe wakamboda kutanga blog, pamusoro pekuita sei uchishandisa React uye GraphQL.
Handisi kuti WordPress isarudzo yakaipa, asi neGatsby unogona kuvaka mawebhusaiti epamusoro uchishandisa React - inova musanganiswa unoshamisa.
Blog neGridsome
Gridsome yeVue... Zvakanaka, isu taitova nazvo neNext/Nuxt.
Asi zvakafanana ndezvechokwadi kune Gridsome uye Gatsby. Vese vari vaviri vanoshandisa GraphQL seyavo data layer, asi Gridsome inoshandisa VueJS. Iyi zvakare inoshamisa static saiti jenareta iyo ichakubatsira iwe kugadzira makuru mablogiki:
Chii chauchadzidza
Iyi purojekiti ichakudzidzisa maitiro ekugadzira bhurogu iri nyore kuti utange neGridsome, GraphQL uye Markdown. Iyo zvakare inovhara maitiro ekuendesa application kuburikidza neNetlify.
Tech stack uye maficha
- Gridsome
- Vue
- GraphQL
- Markdown
- Netlify
Iyi zvirokwazvo haisiriyo yakazara dzidziso, asi inovhara iwo ekutanga pfungwa dzeGridsome uye .
SoundCloud-senge inoridza inoridza uchishandisa Quasar
Quasar ndeimwe Vue chimiro chinogona kushandiswa kugadzira nharembozha. Muchirongwa ichi iwe uchagadzira odhiyo inoridza application, semuenzaniso:
Chii chauchadzidza
Nepo mamwe mapurojekiti achinyanya kutarisisa pawebhu application, iyi inokuratidza maitiro ekugadzira nharembozha uchishandisa Vue uye Quasar chimiro.
Iwe unofanirwa kunge watove neCordova inomhanya ine Android Studio/Xcode yakagadziriswa. Kana zvisiri, iro bhuku rine chinongedzo kune iyo Quasar webhusaiti kwavanokuratidza maitiro ekuseta zvese kumusoro.
Tech stack uye maficha
- quasar
- Vue
- Cordova
- WaveSurfer
- UI Zvikamu
, kuratidza kugona kweQuasar kugadzira nharembozha.
Source: www.habr.com