Whakataki
Ahakoa he tauhou koe ki te kaupapa kaupapa, he kaiwhakawhanake mohio ranei, ko te ako i nga ariā hou me nga reo/mahinga he mea tika i roto i tenei umanga kia mau tonu ki nga ahuatanga.
Tangohia a React, hei tauira, i whakatuwherahia e Facebook i nga tau e wha noa ki muri, a kua waiho hei whiringa nama tuatahi mo nga kaihanga JavaScript huri noa i te ao.
Ko te Vue me te Angular, ko te tikanga, kei a raatau ano te turanga powhiriwhiri tika. Na ko Svelte me etahi atu anga mo te ao penei i Next.js, Nuxt.js ranei. Ko Gatsby, ko Gridsome, ko Quasar... me te maha atu.
Mena kei te pirangi koe ki te whakamatau i a koe ano he kaiwhakawhanake JavaScript mohio, me whai wheako koe ki nga momo anga me nga whare pukapuka - i tua atu i te mahi me te JS tawhito pai.
Hei awhina i a koe kia noho hei rangatira o mua i te tau 2020, kua whakahiatohia e au nga kaupapa rereke e iwa, e aro ana ia ki tetahi angamahi JavaScript rereke me te whare pukapuka hei puranga hangarau ka taea e koe te hanga me te taapiri atu ki to kopaki. Kia maumahara kaore he mea hei awhina i a koe i tua atu i te hanga i nga mea, no reira anga whakamua, whakamahia to hinengaro me te whakatutuki
I whakamaoritia te tuhinga me te tautoko a EDISON Software, e A .
Taupānga rapu kiriata ma te React (me nga matau)
Ko te mea tuatahi ka taea e koe te tiimata me te hanga i tetahi taupānga rapu kiriata ma te whakamahi i te React. Kei raro nei te ahua o te ahua o te tono whakamutunga:
He aha taau e ako
Ma te hanga i tenei taupānga, ka whakapai ake koe i o pukenga React ma te whakamahi i te API Matau hou. Ko te kaupapa tauira e whakamahi ana i nga waahanga React, he maha nga matau, he API o waho, me etahi o te ahua CSS.
Hangarau me nga ahuatanga
- Tauhohe ki te matau
- hanga-meta-taupānga
- JSX
- CSS
Ma te kore e whakamahi i nga karaehe, ka hoatu e enei kaupapa ki a koe te urunga tino pai ki te React mahi a ka tino awhina koe i te tau 2020. ka kitea e koe . A pee i nga tohutohu, hanga ranei maau ake.
Taupānga Kōrerorero me Vue
Ko tetahi atu kaupapa nui hei mahi maau ko te hanga taupānga korero ma te whakamahi i taku whare pukapuka JavaScript tino pai: VueJS. Ka penei te ahua o te tono:
He aha taau e ako
I roto i tenei akoranga, ka ako koe me pehea te hanga taupānga Vue mai i te wahanga - te hanga wae, te whakahaere i te ahua, te hanga huarahi, te hono ki nga ratonga tuatoru, tae atu ki te whakahaere motuhēhēnga.
Hangarau me nga ahuatanga
- Tiro
- vuex
- Pouara Vue
- Ko te CLI
- Takirua
- CSS
He kaupapa tino pai tenei ki te tiimata me te Vue, ki te whakapai ake ranei i o pukenga o naianei kia uru ki te whakawhanaketanga i te tau 2020. ka kitea e koe .
Taupānga huarere ataahua me te Angular 8
Ma tenei tauira ka awhina koe ki te hanga i tetahi taupānga huarere ataahua ma te whakamahi Angular 8:
He aha taau e ako
Ma tenei kaupapa e ako ki a koe nga pukenga nui ki te hanga tono mai i te wahanga - mai i te hoahoa tae atu ki te whanaketanga, tae noa ki te tono kua rite.
Hangarau me nga ahuatanga
- Tauira 8
- Firebase
- Tāhuahua taha tūmau
- CSS me te Matiti me te Flexbox
- He pai te pūkoro me te urutau
- Aratau pouri
- Ataahua atanga
Ko te mea e tino paingia ana e au mo tenei kaupapa whanui ko te kore koe e ako mokemoke. Engari, ka ako koe i te tukanga whanaketanga katoa, mai i te hoahoa ki te tukunga whakamutunga.
To-Do tono ma te whakamahi i te Svelte
He rite a Svelte ki te tamaiti hou i runga i te huarahi-waahanga - he rite tonu ki te React, Vue me Angular. A koinei tetahi o nga hua hou rawa atu mo te tau 2020.
Ehara i te mea ko nga taupānga Mahi-mahi te kaupapa tino pai, engari ka tino awhina koe ki te whakakoi i o pukenga Svelte. Ka penei te ahua:
He aha taau e ako
Ma tenei akoranga e whakaatu ki a koe me pehea te hanga tono ma te whakamahi i te Svelte 3, mai i te timatanga ki te mutunga. Ka whakamahi koe i nga waahanga, te whakaahu, me nga kaikawe huihuinga
Hangarau me nga ahuatanga
- Putea 3
- Tuhinga
- Te hanga me te CSS
- ES 6 wetereo
Kaore he maha o nga kaupapa timata Svelte pai, no reira i kitea e au .
Taupānga E-tauhokohoko ma te whakamahi i te Next.js
Ko Next.js te anga tino rongonui mo te hanga i nga tono React e tautoko ana i te whakaputa taha-tumau i waho o te pouaka.
Ma tenei kaupapa e whakaatu ki a koe me pehea te hanga tono e-tauhokohoko penei te ahua:
He aha taau e ako
I roto i tenei kaupapa, ka ako koe me pehea te whakawhanake me Next.js—hanga wharangi hou me nga waahanga, tango raraunga, me te ahua me te whakatakoto i tetahi tono Panuku.
Hangarau me nga ahuatanga
- Whai muri.js
- Nga Waahanga me nga Wharangi
- Te whakatauira raraunga
- Tuhinga
- Te Whakaritenga Kaupapa
- SSR me SPA
He pai tonu te whai tauira o te ao tuuturu penei i te taupānga e-tauhokohoko ki te ako i tetahi mea hou. Ka taea e koe .
He rangitaki reo-a-iwi katoa me Nuxt.js
Ko Nuxt.js mo Vue, he aha a Next.js mo React: he anga pai mo te whakakotahi i te mana o te whakaputa taha-tumau me nga tono wharangi kotahi
Ko te tono whakamutunga ka taea e koe te hanga ka penei te ahua:
He aha taau e ako
I roto i tenei tauira kaupapa, ka ako koe me pehea te hanga paetukutuku katoa ma te whakamahi i te Nuxt.js, mai i te tatūnga tuatahi ki te tukunga whakamutunga.
Ka whai painga ki te maha o nga ahuatanga hauhautanga ka tukuna e Nuxt, penei i nga wharangi me nga waahanga, me te taatai me te SCSS.
Hangarau me nga ahuatanga
- Nuxt.js
- Nga Waahanga me nga Wharangi
- Kōwae parakakōrero
- Hagfish
- Vuex mo te whakahaere kawanatanga
- SCSS mo te whakaahua
- Nuxt middlewares
, kei roto he maha nga waahanga Nuxt.js nui. He pai ki ahau te mahi tahi me Nuxt no reira me whakamatau koe na te mea ka waiho koe hei kaiwhakawhanake Vue pai.
Blog me Gatsby
Ko Gatsby he kaihanga pae tino pai ma te whakamahi i te React me te GraphQL. Koinei te hua o te kaupapa:
He aha taau e ako
I roto i tenei akoranga, ka ako koe me pehea te whakamahi i a Gatsby ki te hanga blog ka whakamahia e koe ki te tuhi i au ake tuhinga ma te whakamahi i te React me te GraphQL.
Hangarau me nga ahuatanga
- Mangahau
- tauhohe
- Tauira
- Nga monomai me nga kaupapa
- MDX/Mariho
- Bootstrap CSS
- Tātauira
Mena kua hiahia koe ki te timata i tetahi rangitaki, me pehea te hanga ma te whakamahi i te React me te GraphQL.
Kaore au i te kii he kino te whiriwhiringa a WordPress, engari me Gatsby ka taea e koe te hanga paetukutuku mahi-nui ma te whakamahi i te React - he huinga whakamiharo.
Blog me Gridsome
Gridsome mo Vue... Kaati, kua tae mai tenei ki a Next/Nuxt.
Engari he pera ano mo Gridsome me Gatsby. Ka whakamahi raua i te GraphQL hei paparanga raraunga, engari ka whakamahi a Gridsome i a VueJS. Ko tenei hoki he kaihanga pae pateko mīharo hei awhina i a koe ki te hanga rangitaki pai:
He aha taau e ako
Ma tenei kaupapa e ako ki a koe me pehea te hanga i tetahi blog ngawari ki te tiimata me te Gridsome, GraphQL me Markdown. Ka kapi hoki me pehea te tuku tono ma Netlify.
Hangarau me nga ahuatanga
- Mātiti
- Tiro
- Tauira
- Markdown
- Whakamaungia
Ehara tenei i te akoranga tino whanui, engari kei te kapi nga kaupapa matua o Gridsome me .
Pūorooro rite SoundCloud te whakamahi Quasar
Ko Quasar tetahi atu anga Vue ka taea te whakamahi ki te hanga tono pūkoro. I roto i tenei kaupapa ka hanga e koe he tono kaiwhakatangi ororongo, hei tauira:
He aha taau e ako
Ahakoa ko etahi atu kaupapa e aro nui ana ki nga tono paetukutuku, ma tenei e whakaatu ki a koe me pehea te hanga tono pūkoro ma te whakamahi i te Vue me te anga Quasar.
Me whai koe i te whakahaere a Cordova me te Android Studio/Xcode kua whirihorahia. Ki te kore, he hononga to te pukapuka ki te paetukutuku Quasar e whakaatu ana ki a koe me pehea te whakarite i nga mea katoa.
Hangarau me nga ahuatanga
- quasar
- Tiro
- Cordova
- NgaruNgaru
- Waenga UI
, e whakaatu ana i nga kaha o Quasar mo te hanga tono waea.
Source: will.com