Ke hoʻololi nei ka ʻoihana hoʻomohala pūnaewele i ka manaʻo o ka poʻe a me ka hoʻohana ʻana i nā noi, nā pūnaewele, nā waiwai, a me nā mea hou aku i kēlā me kēia lā e hala.
Mahalo i ka plethora o nā papa hana kiʻekiʻe e hāʻawi i nā ʻike mea hoʻohana koʻikoʻi aʻo ka hālāwai pū ʻana i nā pono ʻoihana me nā kūlana hoʻomohala pūnaewele e hiki mai ana.
ʻO ke koho ʻana i ka hoʻolālā maikaʻi loa no kāu hoʻomohala polokalamu, ma kekahi ʻaoʻao, he hana paʻakikī. Pono ʻoe e hana i ka noiʻi mākeke a hoʻomaopopo i nā pono a me nā hemahema.
Akā, mai hopohopo; Eia mākou e kōkua iā ʻoe e mālama i ka manawa a me ka ikaika me kā mākou ʻōlelo aʻoaʻo.
Na kēia blog e alakaʻi iā ʻoe ma nā papa hana mua, a kōkua iā ʻoe e hoʻoholo i ka mea kūpono no kāu papahana hoʻomohala pūnaewele.
He aha nā papa hana mua?
Pono nā mea hoʻomohala pūnaewele i nā papa hana mua i mea e maʻalahi ai kā lākou mau hana: ʻo kēia mau pūʻolo lako polokalamu maʻamau e hoʻokomo i nā modula code pre-written/reusable, nā ʻenehana mua-hope maʻamau, a me nā poloka interface i mākaukau, e wikiwiki a maʻalahi i nā mea hoʻomohala e hana i ka pūnaewele lōʻihi. nā noi a me nā UI me ka ʻole e hoʻopaʻa inoa i kēlā me kēia hana a i ʻole mea mai ka ʻōpala.
Hoʻokomo ʻia kekahi mau mea hana hoʻomohala i loko o nā papa hana mua, e like me ka mākia e maʻalahi ai ka hoʻonohonoho ʻana a me ka hoʻonohonoho ʻana i nā mea hoʻolālā UI, nā hoʻonohonoho font i wehewehe mua ʻia, a me nā poloka kūkulu maʻamau o ka pūnaewele (ʻo ia hoʻi, nā panela ʻaoʻao, nā pihi, nā pae hoʻokele, etc. .).
Mālama wale ia iā ʻoe mai ka hana hou ʻana i ka huila no kēlā me kēia papahana.
ʻO nā Frameworks maikaʻi loa e kūkulu i kahi mea hoʻohana maikaʻi
No laila, e hele mākou e ʻimi hohonu i loko o ka honua o nā papa hana mua i kaulana loa, ko lākou mau pono a me nā ʻaoʻao haʻahaʻa, a me ka wā e hoʻohana ai i ka framework a me ka hope.
1. pane koke
ʻO React kahi waihona waihona JavaScript open-source kaulana loa e kōkua i ka hoʻomohala ʻana i nā papahana pūnaewele pane loa. ʻO kāna pahuhopu nui ka hoʻolālā ʻana i nā Interface User Interactive (UI) e hoʻonui i ka wikiwiki o kāu polokalamu.
ʻO ka React framework, i hoʻomohala ʻia e Facebook, ua loaʻa i ke kaulana i kahi manawa pōkole. Hoʻohana ʻia ia e hana a hoʻokele i ka Interface Mea hoʻohana ikaika o nā pūnaewele me ka nui o nā kaʻa komo.
Hoʻohana ia i kahi DOM virtual, e hoʻomaʻamaʻa i ka hoʻohui ʻana me kekahi noi. Hoʻopili pili ʻia ka loina hoʻolilo o React me nā loina UI ʻē aʻe.
Hiki i ka papa hana mua ke hoʻohana maʻalahi i nā hanana, nā hoʻololi mokuʻāina, a me ka hoʻomākaukau ʻana i ka ʻikepili. He ʻokoʻa kēia i ka hana maʻamau o ka mālama ʻana i ka markup a me ka loiloi i nā faila ʻokoʻa.
Pros
- Mālama manawa i ka hoʻohana hou ʻana i nā ʻāpana
- ʻO kahi hale waihona puke hāmama e loaʻa ana i kahi ākea o nā mea hana
- Hāʻawi ka neʻe ʻikepili hoʻokahi ala i ka code paʻa.
- Hoʻomaikaʻi ʻo Virtual DOM i ka ʻike o ka mea hoʻohana a me ka hana a ka mea hoʻomohala.
- ʻO kāna mau mea hoʻohana hou e maʻalahi ka hoʻomohala ʻana a me ka mālama ʻana.
- Hoʻonui a hoʻokuʻu i nā mana hou o ka framework i kēlā me kēia manawa. E loaʻa iā ʻoe nā pale bug a me nā improvisations i ka manawa kūpono.
Con
- ʻOi aku ka pali o ke aʻo ʻana.
- He paʻakikī ka paʻakikī o JSX i nā mea hoʻomohala e hoʻomaopopo.
- Ma muli o ka wikiwiki o ka hoʻomohala ʻana, aia ka nele o nā palapala.
- Hiki iā ʻoe ke nalowale i ka "kahe a me nā ʻāpana ʻikepili" i ka hoʻonui ʻana o ka papahana.
I ka manawa hea ʻoe e hoʻohana ai?
ʻO React kahi 'ōlelo hoʻolālā hoʻohana ʻia e hana i nā mea hoʻohana maʻalahi, ʻoi aku ka nui o nā polokalamu ʻaoʻao hoʻokahi. No ka mea hiki iā ʻoe ke hoʻohana hou i nā ʻāpana, ʻo ia ka mea paʻa loa i ka ʻaoʻao mua i ka wā e pono ai ʻoe e hana i kahi pilina pili i ka manawa pōkole.
I ka wā e pale ai i ka hoʻohana ʻana:
Inā ʻaʻohe ou ʻike me JavaScript, ʻaʻole ʻo React ke koho maikaʻi loa. Pēlā nō, ʻoi aku ka pali o ke aʻo JSX no nā mea hoʻomohala hou.
2. Angular
Ua hoʻokumu ʻo Google i ka Angular i ka makahiki 2010 ma ke ʻano he hoʻokahi o nā papa hana hoʻohana ikaika e hoʻopaʻa i ka ʻokoʻa ma waena o ka ʻenehana a me nā manaʻo maʻamau. He kahua hoʻomohala typescript me kahi pūʻulu ākea o nā hale waihona puke i hoʻohui maikaʻi ʻia e hiki ai iā ʻoe ke kūkulu i nā polokalamu scalable, e hoʻolilo iā ia i ʻōnaehana UI pūnaewele maikaʻi loa.
O kahi kumu-kumu mua-hope framework ʻo ia ka ʻāpana o ka kaiaola JavaScript a hiki ke hoʻohana ʻia e hana i nā mea hoʻohana kupanaha. ʻO ka ʻokoʻa, i React, ʻo ka hiʻohiʻona paʻa ʻikepili ʻelua ala ʻelua o Angular.
Hōʻike ia i ka nānā ʻana a me ke kŘkohu maoli i ka manawa-synchronized, ʻo ia hoʻi, ua hoʻopili koke ʻia kekahi hoʻololi i ke kumu hoʻohālike ma ka hōʻike, a ʻo ia hoʻi. He koho maikaʻi loa ka Angular inā loaʻa kāu hoʻolālā ka hana ʻana i nā polokalamu pūnaewele a i ʻole kelepona paʻalima.
Pros
- Ka hoʻokō-kiʻekiʻe
- He kaiaola nui
- Hoʻonohonoho hou ʻia ka hana ʻana o ka Material Design interface e ka Angular Material.
- Hoʻokumu ka ʻaoʻao pili i ka ʻāpana Angular i kahi mea hoʻohana me nā ʻāpana hoʻokahi.
- Me kāna mau lawelawe refactoring a me ka hoʻokele maikaʻi ʻana, e maʻalahi ka coding.
- Hiki ke hoʻohana hou ʻia nā mea hoʻohana, hoʻāʻo ʻia, a hiki ke mālama ʻia.
Con
- ʻO ka angular kahi ʻōlelo wahaʻōlelo a maʻalahi.
- Paʻakikī paha kekahi mau mea hoʻohana i ka hoʻomaopopo ʻana i ka hoʻolālā layered o Angular, hiki iā ia ke hana i ka hoʻopiʻi ʻana i ka framework frontend.
- He mea maʻalahi nā polokalamu dynamic a me nā noi ʻaoʻao hoʻokahi (SPA).
- ʻO ka neʻe ʻana i nā ʻōnaehana kahiko mai AngularJS i Angular e lawe i ka manawa hou aku.
- He liʻiliʻi nā koho SEO i nā polokalamu pūnaewele angular, e paʻakikī iā lākou ke loaʻa e nā mea kolo ʻenekini huli.
Āhea e hoʻohana ai?
Ma muli o ka hoʻohana ʻana i ka paʻa ʻikepili ʻelua ʻaoʻao, hoʻomaikaʻi ʻo Angular i ka hana o nā polokalamu e pili ana i ka polokalamu kele pūnaewele ma ka hoʻonui wikiwiki ʻana i nā ʻike. He koho maikaʻi ʻo Angular no kahi papahana pūnaewele e pili ana i ka ʻoihana.
I ka manawa hea e pale ai i ka hoʻohana ʻana?
Ma ke ʻano he papa hana mua, ʻo Angular kahi hopena hoʻopuni āpau. ʻAʻole hiki iā ʻoe ke hoʻohana i nā kumuwaiwai i hāʻawi ʻia e Angular inā pono ʻoe e kūkulu i nā polokalamu me nā palena palena. E koho i kahi hoʻolālā liʻiliʻi me ka syntax maʻalahi a me nā pilikia liʻiliʻi inā loaʻa iā ʻoe kahi hui liʻiliʻi.
3. Vue.js
He ʻano ia o ka ʻōnaehana hoʻohana pūnaewele e hui pū React and Angular. He hoʻolālā ʻo Vue.js no ke kūkulu ʻana i nā polokalamu ʻaoʻao hoʻokahi a me nā pilina pūnaewele holomua no ke kelepona a me ka papapihi. ʻO ia ka lua o ka papa hana mua kaulana loa no ka mālama ʻana i nā ʻike mea hoʻohana ma 2019.
Hiki iā ia ke lawelawe i nā papahana hoʻoikaika a me ka maʻalahi me ka maʻalahi, mai ke kūkulu ʻana i ka pūnaewele a me nā polokalamu kelepona i nā polokalamu pūnaewele holomua. ʻOkoʻa ʻo Vue a me React i kēlā Vue he framework JS aʻo React he waihona JS. ʻOi aku ka maikaʻi i nā hana nui.
ʻOiai ua hoʻomohala ʻia ʻo Vue no ka hoʻoponopono ʻana i ka paʻakikī a me ka hoʻomaikaʻi ʻana i ka wikiwiki o ka app, ʻaʻole i loaʻa i ka traction ma waena o nā behemoths o ka ʻoihana. Ke hoʻohālikelike nei ʻo Angular vs VueJS, hoʻonui ʻo Vue i ka wikiwiki a me ka hoʻohana ʻana o Angular.
Pros
- He kūpono ia no ka hoʻāʻo ʻana a maʻalahi ke heluhelu a hoʻomaopopo.
- Loaʻa i nā haumāna nā palapala hoʻopaʻa pono.
- Hāʻawi ia i kahi ʻōnaehana mea hana ikaika a me ka luku ʻana i nā hiʻohiʻona hou.
- Hāʻawi ia i nā hoʻonui no nā mea hana dev i ka polokalamu kele pūnaewele.
- Hoʻohana hou i ke code a me ka maʻalahi o ka hoʻohui
- Kākoʻo i ka hana ʻana i nā noi dynamic maʻalahi a me nā noi liʻiliʻi a maʻalahi.
- He ʻano maʻamau ka syntax o kēia framework, e maʻalahi ke hana pū me.
Con
- He kaiāulu palena ʻole ʻo Vue.js ma muli o kona kaulana ʻole. ʻO ka hopena, paʻakikī paha ka loaʻa ʻana o ke kākoʻo hoa.
- I ka heluhelu ʻana i ka ʻikepili, i kekahi manawa ke hana hewa ka ʻōnaehana reactivity.
- Loaʻa iā ia nā kumuwaiwai e pono ai e hoʻoponopono i nā hana nui.
- He pōʻino ka Vue.js i ka hoʻohana ʻana i nā papahana nui ma muli o ka nele o nā mea hoʻomohala akamai, kākoʻo kaiāulu, a me nā pilikia paʻa o nā mea.
Āhea e hoʻohana ai?
No kona maʻalahi a me ka maʻalahi, ʻo Vue.js kekahi o nā papa hana mua i kaulana loa i kēia lā. Hāʻawi ia iā ʻoe e hoʻolālā i ka papahana holoʻokoʻa mai ka honua a hiki ke hoʻokele i nā papahana nui. He kūpono no nā polokalamu pūnaewele holomua, nā polokalamu pūnaewele ikaika, a me nā papahana nui e koi ana i kahi hoʻolālā scalable a maikaʻi.
I ka manawa hea e pale ai i ka hoʻohana ʻana?
ʻAʻole ʻo Vue.js ke ala kūpono e hele ai inā manaʻo ʻoe e loaʻa ana ke kaiāulu kākoʻo e pane i nā pilikia. Pēlā nō, ʻaʻole kūpono nā noi e koi ana i nā ʻāpana mau no ka hana ʻana me ka hoʻohana ʻana iā Vue, no ka mea, ua hoʻopiʻi ke ʻano i nā pilikia me ka ʻoʻoleʻa hapa.
4. jQuery
He ʻano hana mua kēia no ka pūnaewele. Ua hoʻokomo mua ʻia i ka makahiki 2006, a kū i waena o nā mea hoʻokūkū ma muli o kona kūpono, maʻalahi o ka hoʻohana ʻana, a me ka maʻalahi.
ʻOiai ʻo ia he kanaka koa maoli i kēia ʻoihana, hiki ke manaʻo ʻia ʻo ia kekahi o nā papa hana mua loa o 2022 mai, me nā ʻokoʻa liʻiliʻi, pili ia i nā kūlana hoʻomohala.
Ua hoʻolālā ʻia ʻo jQuery e hōʻemi i ka manawa e hoʻomohala ai i ka JavaScript a hāʻawi i ka maʻalahi a me ke kākoʻo ikaika mai kona kaiāulu nui a ʻike, i hōʻiliʻili ʻia i nā makahiki he nui o ka ʻike.
Hāʻawi ia i nā animation kūʻokoʻa, koho nīnau, a me nā mana koho API. Hoʻopau ia i ka pono no Cascading Style Sheets (CSS) a me JavaScript.
Pros
- He mea maʻalahi ka hoʻohana ʻana, a he maʻalahi hoʻi ke kūkulu ʻia.
- Hāʻawi i nā hopena wikiwiki a ʻoi aku ka maikaʻi.
- Hiki iā ʻoe ke hoʻoiho a hoʻopaʻa maʻalahi iā ia.
- No ka mea, ʻo ia kekahi o nā papa hana UI kiʻekiʻe, ʻo ia ka cross-platform kūpono.
- Hiki ke kūpono no nā hoʻonā pūnaewele pane ma muli o nā holomua hou.
Con
- He kahua kahiko ia, a he nui nā ʻano hana hou a ʻoi aku ka maikaʻi ma ka mākeke i kēia mau lā.
- Hāʻawi ia i ka hana ʻana i nā noi ikaika, ʻoiai ma ka wikiwiki.
- Hiki i ka JQuery ke hoʻopili i nā pilikia i ka wā lōʻihi.
- Ke hoʻohālikelike ʻia me CSS, ʻoi aku ka lohi o ka jQuery.
Āhea e hoʻohana ai?
Hoʻohana ʻia kēia ʻano hoʻomohala pūnaewele e hana i nā polokalamu JavaScript no ka papapihi. Mālama kēia anga i ke code maʻemaʻe a pololei. Hoʻohana ʻia ia e hoʻokele i nā hanana a hoʻokō i nā animations.
I ka manawa hea e pale ai i ka hoʻohana ʻana?
ʻAʻole hiki ke hoʻohana i ka jQuery i ka hoʻomohala ʻana i kahi papahana nui no ka mea ua hoʻohui ʻo ia i nā code JavaScript hou aʻe i kāu papahana, e hoʻonui ai i ke kaumaha. ʻAʻole hiki i kēia framework ke hoʻokūkū me nā frameworks hou e pili ana i ka holomua ʻana o JavaScript, nā laina liʻiliʻi o ke code, a me ka hoʻohana hou ʻana.
5. Ember.js
ʻO ia kahi ʻōnaehana JavaScript punaewele UI e kōkua ana i nā mea hoʻomohala i ka hana ʻana i nā polokalamu cross-platform scalable. Hiki ke hoʻohana ʻia ʻo Ember.js e hana i kahi ākea o ka pūnaewele a kūʻai lawe Apps, a ʻo kāna hoʻolālā maikaʻi e mālama i nā pilikia e kū mai ana.
Eia naʻe, ʻo kekahi o nā hemahema liʻiliʻi o Ember, ʻo ia kona ʻano aʻo kiʻekiʻe. Ma muli o kona ʻano kuʻuna a koʻikoʻi, ʻo ia kekahi o nā ʻōnaehana UI pūnaewele paʻakikī loa e haku. ʻO LinkedIn a me Apple, no ka laʻana, hoʻohana iā ia ʻoiai ʻo ia kekahi o nā Frameworks paʻakikī loa e haku.
He Model-View-ViewModel (MVVM) a me ka hoʻolālā kumu hoʻohālike no ke kūkulu ʻana i nā noi pūnaewele ʻaoʻao hoʻokahi.
Pros
- Nui a hoʻomohala maikaʻi ʻia kona pūʻolo kaiaola kaiaola.
- He kūpono ia i hope a pale i ka pōʻino o nā polokalamu.
- Hāʻawi ia i ka hoʻopaʻa ʻana i nā ʻikepili ʻelua.
- ʻO kahi pōʻaiapili i hoʻomohala maikaʻi ʻia a hoʻopiha piha ʻia e hoʻokō i kāu mau koi āpau.
- I loko o kahi manawa pōkole, hiki iā ʻoe ke hana maʻalahi i kahi app piha me ka hoʻohana ʻana i hoʻokahi kauoha.
Con
- Loaʻa i nā EmberJs kahi kiʻekiʻe o ke aʻo ʻana.
- Loaʻa iā ia ka nui o ka maʻalahi a me ka hoʻonohonoho.
- Ua lohi, a hiki ke oki kāu papahana.
- He paʻakikī ke hoʻomaopopo, a he nui loa ia no nā noi liʻiliʻi.
- Loaʻa iā ia kahi syntax paʻakikī, hiki ke hoʻoluhi i ka hana ʻana i kekahi manawa.
Āhea e hoʻohana ai?
ʻO Ember.js ka papa hana mua e hoʻohana inā pono ʻoe e hana i nā polokalamu hou me kahi ʻike mea hoʻohana pane, e like me LinkedIn. Hele mai ia me kēlā me kēia hiʻohiʻona mīkini mua, e like me ka hiki ke nānā i kahi ākea ākea o nā polokalamu e hoʻomaikaʻi i ka hoʻokele maikaʻi ʻana o Ember.js. Ma muli o ka hāʻawi ʻana i ka paʻa ʻikepili ikaika, kahi hoʻonohonoho lako, a me nā waiwai maʻamau e hāʻawi i ka ʻaoʻao e like me ka mea e pono ai, hoʻolaha kēia anga iā ia iho ma ke ʻano he hopena holoʻokoʻa no kahi papahana nui.
I ka manawa hea e pale ai i ka hoʻohana ʻana?
ʻAʻole kūpono ʻo Ember.js no kahi hui hoʻomohala liʻiliʻi no ka mea e koi ana i ka loiloi ʻoihana a me ka ʻike e hoʻoponopono i nā pilikia. Me Ember.js, ʻoi aku ka nui o ka hoʻopukapuka mua. Pēlā nō, ʻaʻole kūpono paha ka framework no ka kākau ʻana i ka hana Ajax maʻalahi a i ʻole ka hana ʻana i nā mea hoʻohana.
6. iwi kuamoʻo.js
ʻO ia kekahi o nā kiʻina hana kaulana loa o JavaScript. He mea maʻalahi ke hopu a haku. Hiki ke hana ʻia nā noi ʻaoʻao hoʻokahi me ia. ʻO ka manaʻo ma hope o ka hoʻokumu ʻia ʻana o kēia anga, ʻo ia ka mea e hoʻokele ʻia ai nā hana āpau-ʻaoʻao ma o kahi API, kahi e hiki ai i nā mea hoʻomohala ke kākau i nā code liʻiliʻi me ka loaʻa ʻana o ka hana paʻakikī.
ʻO ia kekahi o nā papa hana mua loa no ka hoʻohana ʻana i ka hoʻolālā Model View Controller (MVC) e hoʻonohonoho i kāu code JS. He mana kupanaha ko ka Document Object Model (DOM). ʻO ka hopena, inā makemake ʻoe e hoʻohana i ka Backbone.js no ka hope a i ʻole ka ʻaoʻao mua, he hopena maikaʻi loa ia ʻoiai ʻo kāna REST API hoʻohālikelike e hōʻoiaʻiʻo i ka sync ʻelua.
Pros
- He hale waihona puke manuahi a wehe ʻia me 100 mau mea hoʻonui i loaʻa.
- ʻOi aku ka paʻakikī o ka hopu ʻana.
- Hāʻawi ka framework iā ʻoe i ka mana o ka hana.
- Hiki iā mākou ke kūkulu i nā polokalamu pūnaewele ʻaoʻao o nā mea kūʻai aku i hoʻonohonoho maikaʻi ʻia a i ʻole nā polokalamu kelepona.
- Hiki ke hoʻohana ʻia nā hiʻohiʻona, ma mua o DOM, e paʻa i ka ʻikepili.
Con
- ʻAʻole hāʻawi ka framework i kahi kūkulu pono.
- Hāʻawi i nā mea hana maʻalahi no ka hana ʻana i ka hoʻomohala app.
- ʻAʻole e ʻae kēia anga iā ʻoe e ʻoi aku ka huahua.
- Me ka hoʻolako ʻana i kekahi mau mea hana maʻamau, ʻaʻole maopopo ka hoʻolālā.
Āhea e hoʻohana ai?
No ka laʻana, hoʻohana ʻo Trello iā Backbone.js e hana i nā polokalamu ikaika. Hāʻawi ia i nā mea hoʻomohala e hana i kahi hoʻohālike ʻaoʻao o ka mea kūʻai aku, hoʻololi wikiwiki, a hoʻohana hou i ka code. I kēia manawa hiki iā ia ke mālama ikaika i ka mea kūʻai aku, hoʻokō i nā mea hou, a mālama mau i ka synchronization me ke kikowaena.
I ka manawa hea e pale ai i ka hoʻohana ʻana?
I ka hoʻohālikelike ʻana me nā ʻaoʻao ʻaoʻao ʻē aʻe o ka MVC, loaʻa iā Backbone.js ka palena liʻiliʻi o nā koi no ke kūkulu ʻana i kahi papahana pūnaewele. Eia nō naʻe, hiki ke hoʻohana ʻia nā hoʻonui a me nā plugins e hoʻonui i ka hana. ʻO ka hopena, ʻo nā hui e ʻimi nei i kahi hoʻonā piha i loko o ka hoʻokahi kaʻa e pale aku iā Backbone.js.
7. UI Semantic
He hoʻolālā hoʻomohala mea hoʻohana ma ka CSS i lilo koke i hoʻokahi o nā papahana JavaScript kaulana loa ma GitHub. Ua hana maikaʻi kona kaiāulu ma luna o 3000 mau kumumanaʻo a me 50+ mau ʻāpana no ka framework.
ʻO kāna hana maʻamau a me ka pono, a me kāna mea hoʻohana maʻalahi, hoʻokaʻawale iā ia. E wehewehe pono i nā code me ka hoʻohana ʻana i ka ʻōlelo o kēlā me kēia lā. ʻO ke kumu o Semantic e hoʻoikaika i nā mea hoʻolālā a me nā mea hoʻomohala ma o ka hāʻawi ʻana i kahi ʻōlelo no ka hoʻololi ʻana i nā mea hoʻohana. Hoʻohana ia i ka ʻōlelo maʻalahi, e ʻae i ke code e wehewehe pono iā ia iho.
Ke hoʻomaʻamaʻa mau nei ke kaiāulu kaiaola i ka hana. Eia nō naʻe, ua lilo ia i hoʻokahi o nā papa hana mua i kaulana loa ma ka mākeke ma muli o kāna mea hoʻohana makaʻala, nā hana maʻalahi, a me nā hiʻohiʻona.
Pros
- He maʻalahi a maʻalahi ka Semantic UI e hoʻohana.
- ʻO ka ʻae a me nā ʻāpana UI waiwai
- He nui nā kumumanaʻo o ka framework e koho ai.
- ʻAʻole like ka paʻakikī e like me nā frameworks ʻē aʻe.
Con
- I mea e kākoʻo ai i nā polokalamu kelepona āpau, hoʻemi ʻia ka pane.
- Loaʻa iā ia ka pono polokalamu kele pūnaewele maikaʻi ʻole.
- No ka poʻe hou i ka JavaScript, ʻaʻole kēia he koho kūpono.
Āhea e hoʻohana ai?
ʻO Semantic-UI kahi ala māmā e hiki ai i ka hoʻokumu ʻana o nā mea hoʻohana pili.
I ka manawa hea e pale ai i ka hoʻohana ʻana?
I ka hana ʻana me kahi pūʻulu o ka poʻe novice i kamaʻāina ʻole i ka JavaScript, ʻaʻole ʻōlelo ʻia ka Semantic-UI framework no ka mea pono ia i ka hiki ke hoʻopilikino i ka app me ka hilinaʻi ʻole i nā mana i kūkulu ʻia.
8. Foundation
I ka makahiki 2021, ʻo Foundation kekahi o nā papa hana mua loa no JS, HTML, a me CSS. ʻO ia kekahi o nā frameworks kaulana loa no ka hana ʻana i nā pūnaewele bespoke a me nā polokalamu i loaʻa i kēia manawa.
Hoʻolālā nui ʻia no ke kūkulu ʻana i nā pūnaewele agile a pane i ka pae ʻoihana. ʻO ka hoʻomaka ʻana e kūkulu i nā noi frontend me ka hoʻohana ʻana i ka Foundation he paʻakikī a paʻakikī hoʻi no nā mea hoʻomohala pūnaewele.
Loaʻa iā ia ka wikiwiki GPU no ka hoʻolilo wikiwiki ʻana i nā kelepona paʻalima, nā hāmeʻa wai, a me nā hiki ke hoʻoili ʻikepili, e like me ka hoʻouka ʻana i nā ʻāpana māmā no nā mea kaumaha a me nā ʻāpana kelepona no nā mea ʻoi aku ka nui.
Pros
- Hāʻawi i ka hoʻolālā maʻalahi no nā ʻano nui o ka pale.
- Hiki iā ʻoe ke hana i nā pūnaewele kupaianaha.
- Hoʻopili ʻia ka ʻike mea hoʻohana i nā mea like ʻole a me ka media.
- I ka wā e pili ana i nā mea hoʻohui, hiki ke maʻalahi a hiki ke hoʻonui.
- Hoʻokumu i ka waihona hōʻoia no HTML5
- Hoʻololi ka hana mākia poloka i kahi papa inoa i hoʻonohonoho ʻole ʻia i ke ʻano pahu.
Con
- He mea paʻakikī ke aʻo ʻana i ka poʻe hoʻomaka.
- He ʻuʻuku nā ʻaha kūkā kaiaulu a me nā wahi kākoʻo i loaʻa.
- Ua hana ʻia me kahi helu liʻiliʻi o nā ʻāpana.
- No nā hana nui, hiki i ka framework ke pilikia.
Āhea e hoʻohana ai?
ʻOi aku ka maikaʻi o ka Foundation ma mua o nā hoʻonā ʻē aʻe inā makemake ʻoe i ke kumu open-source, nā ʻāpana CSS, a me kahi hoʻolālā paʻa mua.
I ka manawa hea e pale ai i ka hoʻohana ʻana?
ʻAʻole ʻōlelo ʻia no ka poʻe novice no ka mea paʻakikī ke hoʻololi i ke code a hoʻonui i ka paʻakikī ma muli o kona hiki ke hana.
9. Māmā
ʻO Svelte kahi papa hana hoʻomohala mua. ʻAʻole like me nā frameworks e like me Vue a me React, ua hoʻololi kēia ʻano hana ma ka hōʻiliʻili ʻana i ka hana i loko o kahi pae ma mua o ka paʻi ʻana iā ia i ka polokalamu kele pūnaewele.
Ua ʻike ʻia ʻo Svelte, kahi ʻōnaehana JavaScript i kākau ʻia e Typescript i kākau ʻia ma ke kumu kumu, no ke koho ʻana i ka hoʻomohala mua-hope māmā a no ka ʻae ʻana i nā mea hoʻomohala e hoʻopau i nā papahana me ka liʻiliʻi loa o ka coding ma mua o nā frameworks ʻē aʻe.
Ua manaʻo ʻia ʻo ia kekahi o nā papa hana mua loa i loaʻa. ʻOliʻoli nā mea hoʻomohala mua iā ia, a ua hoʻohana ʻia e kūkulu ma luna o 3000 mau pūnaewele a hiki i kēia lā.
Pros
- He liʻiliʻi a maʻalahi, a hana pū me nā hale waihona puke JS o kēia manawa.
- He liʻiliʻi a maʻalahi hoʻi e hoʻohana, a ua kūkulu ʻia ma luna o nā hale waihona puke JavaScript kaulana.
- ʻO ka liʻiliʻi liʻiliʻi a me ka hoʻolālā e pili ana i nā mea
- ʻOi aku ka wikiwiki ma mua o nā papa hana ʻē aʻe, me React a me Angular.
- ʻO kekahi o nā papa hana mua loa.
Con
- Kāohi ʻia ke kaiaola a ʻaʻole oʻo ke kaiāulu.
- ʻO nā mea hana liʻiliʻi a me ka nele o nā mea kākoʻo
- Kekahi mau pilikia scalability a me ka coding peculiarities
- I ka hoʻohālikelike ʻana i kāna mau mea hoʻokūkū, loaʻa iā ia kahi helu liʻiliʻi o nā pūʻolo.
Āhea e hoʻohana ai?
He mea maikaʻi kēia anga no nā papahana hoʻomohala noi liʻiliʻi me kahi hui liʻiliʻi. No ka nele i kahi hui kākoʻo nui, ʻoi aku ka maikaʻi ʻaʻole e hoʻohana iā ia no nā hana ākea.
I ka manawa hea e pale ai i ka hoʻohana ʻana?
Manaʻo ʻia ʻaʻole ʻoe e hoʻohana i ka Svelte framework no nā papahana nui i kēia manawa ma muli o ka nele o ke kaiāulu a me nā mea hana. Ma muli o ka pūʻulu liʻiliʻi, paʻakikī ka ʻimi ʻana i nā hoʻonā i nā pilikia a i ʻole nā pōpoki e ʻike ʻia ma hope o ke kaʻina hana.
10. Preact.js
ʻO Preact, e hoʻohana ana i ka API ES6 like me React, he mea ʻoi aku ka wikiwiki a ʻoi aku ka maikaʻi. Hoʻokumu ʻia me ka hoʻohana ʻana i kahi hoʻolālā JavaScript maʻalahi e hāʻawi i ka hana API like me React.
ʻO ia kekahi o nā papa hana DOM virtual wikiwiki loa e ʻae ai i ka hana ʻana i nā noi pūnaewele ikaika. Hoʻokumu ʻia ia i nā hiʻohiʻona paʻa paʻa a hana maikaʻi me nā ʻano like ʻole o ka frontend a me nā hale waihona puke UI.
He haʻahaʻa ka nui o Preact akā ʻaʻole i ka wikiwiki, a hiki iā ia ke hoʻomohala i nā noi pūnaewele paʻakikī.
Pros
- Hana ia me ka React API.
- He paʻa a māmā.
- Hoʻomaikaʻi ia i ka hana holoʻokoʻa i ka wā e kūkulu ai i kahi noi.
- He kūpono loa.
- Hana ia me ka React API.
- Hoʻomaikaʻi ʻo Preact i ka hana ʻoiai e kūkulu ana i kahi polokalamu.
Con
- ʻAʻole ia i kākoʻo i ka React propTypes.
- ʻAʻole kākoʻo ʻia ka ʻatikala.
- I ka hoʻohālikelike ʻana iā React, he kaiāulu liʻiliʻi kona.
Āhea e hoʻohana ai?
ʻO Preact kahi mana māmā o React. No laila, inā makemake ʻoe e hoʻohana i kahi papa hana māmā, e hele me Preact ma mua o React.
I ka manawa hea e pale ai i ka hoʻohana ʻana?
ʻAʻole kōkua ʻo Preact i nā mea hana i hoʻoneʻe ʻia. No laila, inā he pono kēia, ʻaʻole pono ʻoe e hoʻohana iā Preact.
Panina
I kēia manawa, ua uhi mākou i kekahi o nā kāʻei mua-hope kaulana loa. Eia naʻe, ke loli mau nei ka ʻenehana, a ʻo wai ka mea ʻike, hiki koke iā mākou ke loaʻa i kahi Framework ʻoi aku ka maikaʻi. Ma waho aʻe o ka hoʻokumu ʻana i nā Frameworks hou, ke hoʻonui nei nā mea i loaʻa i ka mākeke ma o ka hoʻonui pinepine ʻana a me ka hoʻohui ʻana i nā hana hou.
ʻO ka hopena, loaʻa mau i nā mea hoʻomohala mua i nā ʻano Frameworks e aʻo a hana pū me. Ke hele nei me ka ʻōlelo ʻole he hana paʻakikī ke koho ʻana i kekahi mai kahi papa inoa ʻike. Eia nō naʻe, e kōkua kēia ʻatikala iā ʻoe i ka hoʻoholo ʻana i kahi o nā papa hana hoʻomohala pūnaewele mua i hāʻawi ʻia ma luna a ma ka mākeke ka mea kūpono loa iā ʻoe.
Waiho i ka Reply