Hōʻike
Inā he mea hou ʻoe i ka papahana a i ʻole he mea hoʻomohala ʻike, ma kēia ʻoihana, pono ke aʻo ʻana i nā manaʻo hou a me nā ʻōlelo/paʻa hana e hoʻomau i nā ʻano.
E lawe, no ka laʻana, React, ka mea i wehe wale ʻia e Facebook i ʻehā mau makahiki i hala aku nei a ua lilo ʻo ia i koho helu hoʻokahi no nā mea hoʻomohala JavaScript a puni ka honua.
ʻO Vue a me Angular, ʻoiaʻiʻo hoʻi, loaʻa i kā lākou kumu punahele kūpono. A laila aia nā Svelte a me nā kumu hana maʻamau e like me Next.js a i ʻole Nuxt.js. A me Gatsby, a me Gridsome, a me Quasar ... a me nā mea hou aku.
Inā makemake ʻoe e hōʻoia iā ʻoe iho ma ke ʻano he mea hoʻomohala JavaScript ʻike, pono e loaʻa iā ʻoe kekahi ʻike me nā ʻano hana like ʻole a me nā hale waihona puke - ma kahi o ka hana ʻana i ka hana JS kahiko maikaʻi.
No ke kōkua ʻana iā ʻoe e lilo i haku mua ma 2020, ua hoʻohui au i ʻeiwa mau papahana like ʻole, kēlā me kēia e kālele ana i nā ʻano JavaScript a me nā hale waihona puke ma ke ʻano he ʻenehana hiki iā ʻoe ke kūkulu a hoʻohui i kāu kōpili. E hoʻomanaʻo ʻaʻohe mea e kōkua iā ʻoe ma mua o ka hoʻomaʻamaʻa ʻana i nā mea, no laila e hele i mua, e hoʻohuli i kou noʻonoʻo a hoʻokō.
Ua unuhi ʻia ka ʻatikala me ke kākoʻo o EDISON Software, ʻo ia , a me .
Ka polokalamu huli kiʻiʻoniʻoni me React (me nā makau)
ʻO ka mea mua hiki iā ʻoe ke hoʻomaka me ke kūkulu ʻana i kahi polokalamu huli kiʻiʻoniʻoni me React. Aia ma lalo kahi kiʻi o ke ʻano o ka app hope loa:
He aha kāu e aʻo ai?
Ma ke kūkulu ʻana i kēia noi, e hoʻomaikaʻi ʻoe i kāu mau React me ka hoʻohana ʻana i ka API Hooks hou. Hoʻohana ka papahana laʻana i nā ʻāpana React, nui nā makau, kahi API waho, a ʻoiaʻiʻo hoʻi kekahi ʻano CSS.
Tech ahu a me nā hiʻona
- E pane me nā makau
- hoʻokumu-meta-app
- jsx
- CSS
Me ka ʻole o ka hoʻohana ʻana i nā papa, hāʻawi kēia mau papahana iā ʻoe i kahi wahi komo kūpono i ka hana React a e kōkua maoli iā ʻoe i 2020. hiki iā ʻoe ke loaʻa . E hahai i nā kuhikuhi a i ʻole e hana iā ʻoe iho.
Pilikia kamaʻilio me Vue
ʻO kekahi papahana maikaʻi no ʻoe, ʻo ia ke kūkulu ʻana i kahi polokalamu kamaʻilio me kaʻu waihona JavaScript punahele: VueJS. E like me kēia ka palapala noi:
He aha kāu e aʻo ai?
Ma kēia kumu aʻoaʻo, e aʻo ʻoe pehea e hana ai i kahi app Vue mai ka wā ʻōpala - hana i nā ʻāpana, mālama i nā mokuʻāina, hana i nā ala, hoʻopili i nā lawelawe ʻaoʻao ʻekolu, a me ka mālama ʻana i ka hōʻoia.
Tech ahu a me nā hiʻona
- ʻIke
- ʻO Vuex
- Vue Alaula
- ʻO Vue CLI
- Pipi
- CSS
He papahana maikaʻi loa kēia e hoʻomaka me Vue a i ʻole e hoʻomaikaʻi i kāu mau mākaukau e komo i ka hoʻomohala ʻana ma 2020. hiki iā ʻoe ke loaʻa .
ʻO ka app weather maikaʻi me ka Angular 8
E kōkua kēia hiʻohiʻona iā ʻoe e kūkulu i kahi app weather maikaʻi me ka hoʻohana ʻana i ka Angular 8:
He aha kāu e aʻo ai?
Na kēia papahana e aʻo iā ʻoe i nā mākau waiwai i ke kūkulu ʻana i nā noi mai ka wā kahiko - mai ka hoʻolālā ʻana a hiki i ka hoʻomohala ʻana, a hiki i kahi noi mākaukau.
Tech ahu a me nā hiʻona
- Kikowaena 8
- Firebase
- Hoʻolilo ʻaoʻao kikowaena
- CSS me Grid a me Flexbox
- Hoʻohana kelepona a me ka hiki ke hoʻololi
- ʻAno pouli
- Nani maikaʻi
ʻO kaʻu mea makemake nui i kēia papahana piha, ʻaʻole ʻoe e aʻo i nā mea ma kahi kaʻawale. Akā, aʻo ʻoe i ke kaʻina hana hoʻomohala holoʻokoʻa mai ka hoʻolālā ʻana a hiki i ka hoʻolālā hope.
To-Do app me Svelte
Ua like ʻo Svelte me ke keiki hou i ke ʻano o ka ʻāpana - ma ka liʻiliʻi e like me React, Vue a me Angular. A ʻo kēia kekahi o nā huahana hou loa no 2020.
ʻAʻole pono nā polokalamu To-Do i ke kumuhana wela loa, akā e kōkua maoli lākou iā ʻoe e hone i kāu mau akamai Svelte. E like me kēia:
He aha kāu e aʻo ai?
E hōʻike ana kēia kumu aʻo iā ʻoe pehea e hana ai i kahi noi me ka hoʻohana ʻana iā Svelte 3, mai ka hoʻomaka a i ka pau. E hoʻohana ʻoe i nā ʻāpana, ke ʻano a me nā mea lawelawe hanana
Tech ahu a me nā hiʻona
- Helu 3
- Nā Components
- Hoʻolima me CSS
- ʻŌlelo ES6
ʻAʻole nui nā papahana hoʻomaka Svelte maikaʻi, no laila ua loaʻa iaʻu .
App Ecommerce me Next.js
ʻO Next.js ka papa hana kaulana loa no ke kūkulu ʻana i nā polokalamu React e kākoʻo ana i ka hoʻolilo ʻaoʻao server ma waho o ka pahu.
E hōʻike ana kēia papahana iā ʻoe pehea e hana ai i kahi noi e-commerce e like me kēia:
He aha kāu e aʻo ai?
Ma kēia pāhana, e aʻo ʻoe pehea e hoʻomohala ai me Next.js—e hana i nā ʻaoʻao a me nā ʻāpana hou, e kiʻi i ka ʻikepili, a me ke ʻano a hoʻolālā i kahi palapala Next.
Tech ahu a me nā hiʻona
- ʻO aʻe.js
- Nā ʻāpana a me nā ʻaoʻao
- ʻIkepili laʻana
- Stylization
- Hoʻolālā Papahana
- SSR a me SPA
He mea maikaʻi loa ka loaʻa ʻana o kahi laʻana ola maoli e like me ka app e-commerce e aʻo i kahi mea hou. Hiki iā ʻoe .
Moʻomanaʻo ʻōlelo piha me Nuxt.js
ʻO Nuxt.js no Vue, e like me Next.js no React: kahi hoʻolālā maikaʻi no ka hoʻohui ʻana i ka ʻaoʻao kikowaena a me nā noi ʻaoʻao hoʻokahi.
ʻO ka noi hope āu e hana ai e like me kēia:
He aha kāu e aʻo ai?
Ma kēia papahana laʻana, e aʻo ʻoe pehea e kūkulu ai i kahi pūnaewele piha me ka hoʻohana ʻana iā Nuxt.js, mai ka hoʻonohonoho mua ʻana a hiki i ka hoʻolālā hope.
Hoʻohana maikaʻi ia i ka nui o nā hiʻohiʻona ʻoluʻolu a Nuxt e hāʻawi ai, e like me nā ʻaoʻao a me nā ʻāpana, a me ke ʻano me SCSS.
Tech ahu a me nā hiʻona
- Nuxt.js
- Nā ʻāpana a me nā ʻaoʻao
- module poloka moʻolelo
- Mea huikau
- Vuex no ka hooponopono aupuni
- SCSS no ka hoʻolima ʻana
- Nuxt middlewares
, e komo pū ana me nā hiʻohiʻona nui o Nuxt.js. Makemake au e hana pū me Nuxt no laila e hoʻāʻo ʻoe no ka mea e lilo ia i mea hoʻomohala Vue maikaʻi loa.
Blog me Gatsby
ʻO Gatsby kahi mea hoʻokumu pūnaewele static maikaʻi me ka hoʻohana ʻana i React a me GraphQL. ʻO kēia ka hopena o ka papahana:
He aha kāu e aʻo ai?
Ma kēia kumu aʻo, e aʻo ʻoe pehea e hoʻohana ai iā Gatsby e hana i kahi blog āu e hoʻohana ai e kākau i kāu mau ʻatikala me ka hoʻohana ʻana iā React a me GraphQL.
Tech ahu a me nā hiʻona
- ʻAtspiha
- pane koke
- GraphQL
- Pākuʻi a me nā kumuhana
- MDX/Markdown
- ʻO Bootstrap CSS
- Nā pola
Inā makemake ʻoe e hoʻomaka i kahi blog, pehea e hana ai me React a me GraphQL.
ʻAʻole wau e ʻōlelo nei he koho maikaʻi ʻole ʻo WordPress, akā me Gatsby hiki iā ʻoe ke kūkulu i nā pūnaewele hana kiʻekiʻe me ka hoʻohana ʻana i React - he hui kupaianaha kēia.
Blog me Gridsome
Gridsome no Vue… ʻAe, ua loaʻa iā mākou me Next/Nuxt.
Akā ʻo ia ka ʻoiaʻiʻo no Gridsome a me Gatsby. Hoʻohana ʻelua i ka GraphQL e like me kā lākou papa ʻikepili, akā hoʻohana ʻo Gridsome iā VueJS. He mea hoʻokumu pūnaewele static maikaʻi loa ia e kōkua iā ʻoe e hana i nā blog maikaʻi:
He aha kāu e aʻo ai?
Na kēia papahana e aʻo iā ʻoe pehea e hana ai i kahi blog maʻalahi e hoʻomaka me Gridsome, GraphQL a me Markdown. E wehewehe pū ana i ka hoʻonohonoho ʻana i kahi noi ma o Netlify.
Tech ahu a me nā hiʻona
- ʻAhaʻi
- ʻIke
- GraphQL
- Markdown
- netlify
ʻAʻole kēia ʻo ke kumu aʻo piha loa, akā uhi ʻia nā manaʻo kumu o Gridsome a .
Mea pāʻani leo e like me SoundCloud me Quasar
ʻO Quasar kahi hana Vue ʻē aʻe i hiki ke hoʻohana ʻia e kūkulu i nā polokalamu kelepona. Ma kēia papahana, e hana ʻoe i kahi palapala hoʻokani leo, no ka laʻana:
He aha kāu e aʻo ai?
ʻOiai ke kau nui nei nā papahana ʻē aʻe i nā polokalamu pūnaewele, e hōʻike ana kēia iā ʻoe pehea e kūkulu ai i kahi polokalamu kelepona me ka hoʻohana ʻana iā Vue a me ka Quasar framework.
Pono ʻoe i kahi Cordova hana me ka Android Studio/Xcode i hoʻonohonoho ʻia. Inā ʻaʻole, he loulou ka manual i ka pūnaewele Quasar kahi e hōʻike ai lākou iā ʻoe pehea e hoʻonohonoho ai i nā mea āpau.
Tech ahu a me nā hiʻona
- Quasar
- ʻIke
- Kordoba
- nalu nalu
- Nā ʻāpana UI
, e hōʻike ana i nā mana o Quasar no ke kūkulu ʻana i nā polokalamu kelepona.
Source: www.habr.com