Nhanganyaya
Kunyangwe iwe uri mutsva kuhurongwa kana mugadziri ane ruzivo, kudzidza mitsva mitsva nemitauro / marongero chinhu chinodiwa muindastiri ino kuti uenderane nemaitiro.
Tora React, semuenzaniso - yakavhurika-yakavhurika neFacebook makore mana apfuura, yatove nhamba yekutanga sarudzo yevagadziri veJavaScript kutenderera pasirese.
Vue uye Angular, hongu, zvakare vane yavo yepamutemo fan base. Uyezve kune Svelte uye mamwe-akawanda-chinangwa masisitimu seNext.js kana Nuxt.js. Uye Gatsby uye Gridsome uye Quasar… uye zvimwe zvakawanda.
Kana iwe uchida kuzviratidza semugadziri weJavaScript ane hunyanzvi, unofanirwa kunge uine ruzivo rwekushanda nemhando dzakasiyana siyana uye maraibhurari - 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 senge tech stack yaunogona kuvaka nekuwedzera kune yako portfolio. Rangarira, hapana chinokubatsira kupfuura kuvaka zvinhu, saka buda kunze uko, isa pfungwa dzako pazviri, uye ita kuti zviitike.
Chinyorwa chakaturikirwa nerutsigiro rweEDISON Software, iyo , pamwe chete .
Movie Search App Uchishandisa React (Nehoko)
Chinhu chekutanga chaungatanga nacho kugadzira bhaisikopo rekutsvaga app uchishandisa React. Pazasi pane mufananidzo wekuti iyo yekupedzisira app ichaita sei:
Chii chauchadzidza
Nekuvaka iyi app, iwe unovandudza yako React hunyanzvi uchishandisa ichangoburwa Hooks API. Iyo yemuenzaniso purojekiti inoshandisa React zvikamu, 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 yakakwana yekupinda mune inoshanda React uye inonyatso kukubatsira muna 2020. Unogona kuwana. . Tevedzera mirairo kana kuti uite kune yako kuravira.
Chat Anwendung Uchishandisa Vue
Imwe purojekiti yakakura kwauri kugadzira chat app uchishandisa yangu yandinoda JavaScript raibhurari: VueJS. Iyo app ichaita 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 ine Angular 8
Uyu muenzaniso uchakubatsira iwe kugadzira yakanaka mamiriro ekunze app uchishandisa Angular 8:
Chii chauchadzidza
Iyi purojekiti ichakudzidzisa iwe hunyanzvi hwakakosha mukuvaka zvikumbiro kubva pakatanga - kubva pakugadzira kusvika kubudiriro, nzira yese kusvika kune yakagadzirira-ku-deploy application.
Tech stack uye maficha
- Angular 8
- Firebase
- Server side rendering
- CSS ine Grid uye Flexbox
- Mobile hushamwari uye inochinja
- Rima mode
- Yakanaka interface
Chandinonyanya kufarira nezvechirongwa ichi chakazara ndechekuti haudzidze zvinhu uri wega. Pane kudaro, iwe unodzidza maitiro ese ekusimudzira, kubva pakugadzira kusvika pakutumirwa kwekupedzisira.
Zvekuita-App neSvelte
Svelte akafanana nemwana mutsva pane chikamu bandwagon - zvakangofanana neReact, Vue, uye Angular. Uye ndechimwe chezvinhu zvinopisa zvakanyanya zve2020.
To-Do maapplication hausi iwo chaiwo musoro unopisa, asi iwo anonyatso kukubatsira kukwenenzvera hunyanzvi hwako hweSvelte. Ichaita seizvi:
Chii chauchadzidza
Ichi chidzidzo chinokuratidza maitiro ekuvaka app neSvelte 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 kunze uko, saka ndakawana .
E-Commerce App ine 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, iwe uchadzidza kugadzira neNext.js - kugadzira mapeji matsva nezvikamu, kutora data, uye kutaira nekuisa Inotevera app.
Tech stack uye maficha
- Inotevera.js
- Zvikamu uye Mapeji
- Data sampling
- Stylization
- Kuendeswa kweprojekiti
- SSR uye SPA
Zvinogara zvakanaka kuve nemuenzaniso wehupenyu chaihwo senge e-commerce app kudzidza chimwe chinhu chitsva. Unogona .
Blog rakazara mitauro yakawanda ine Nuxt.js
Nuxt.js ndeyeKuona izvo Next.js ndeye React: chimiro chikuru chekubatanidza server-side rendering uye single-peji maapplication.
Iyo yekupedzisira application yaunogona kugadzira ichaita seizvi:
Chii chauchadzidza
Mumuenzaniso uyu wepurojekiti, iwe uchadzidza kuvaka webhusaiti yakazara uchishandisa Nuxt.js, kubva pakutanga kuseta kusvika pakutumirwa kwekupedzisira.
Zvinotora mukana weakawanda anotonhorera maficha 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 emhando huru dzeNuxt.js. Ini pachangu ndinoda kushanda neNuxt, saka iwe unofanirwa kuiedza sezvo zvichizokuita iwe mugadziri mukuru weVue.
Blog neGatsby
Gatsby yakakura static saiti jenareta inoshandisa 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 Themes
- MDX/Markdown
- Bootstrap CSS
- Mapepa
Kana iwe wakamboda kutanga blog, maitiro ekuzviita uchishandisa React uye GraphQL.
Я не говорю, что WordPress является плохим выбором, но с Gatsby вы можете создавать высокопроизводительные сайты, используя React — что является удивительной комбинацией.
Blog neGridsome
Gridsome for Vue… Ok, tatova nazvo neNext/Nuxt.
Asi zvakafanana ndezvechokwadi kune Gridsome uye Gatsby. Vese vari vaviri vanoshandisa GraphQL seyavo data layer, asi Gridsome inoshandisa VueJS. Iyo 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. Ichakuratidzawo maitiro ekuendesa app 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 Audio Player neQuasar
Quasar imwe Vue chimiro chinogona kushandiswa kuvaka nharembozha. Muchirongwa ichi, iwe unovaka odhiyo inoridza app seizvi:
Chii chauchadzidza
Nepo mamwe mapurojekiti achinyanya kutarisisa pawebhu application, iyi inokuratidza maitiro ekugadzira nharembozha uchishandisa Vue uye Quasar chimiro.
Iwe unofanirwa kunge watove neCordova kumusoro uye kushanda ne Android Studio/Xcode set up. Kana zvisiri, iro gwara rine chinongedzo kune webhusaiti yeQuasar kwavanokuratidza maitiro ekuzvimisa zvese.
Tech stack uye maficha
- quasar
- Vue
- Cordova
- WaveSurfer
- UI Zvikamu
, kuratidza kugona kweQuasar kugadzira nharembozha.
Source: www.habr.com
