Kore-hanga, kore-NPM, SSR-tuatahi anga JavaScript ki te kino koe ki te React, aroha ki te HTML

Ko te Hangaia o te Tukutuku Hou o Naianei

Mena kua rongo koe kua maroke to wairua i a koe e whirihora ana i a Webpack, e toremi ana i roto i nga node_modules, e mamau ana ranei ki nga hapa whakamakuku ki te whakaputa i tetahi panui rangitaki ngawari, ehara koe i te mea ko koe anake. Ko te whenua JavaScript hou, ko React me tana punaha hanga-taputapu-taimaha, he rite ki te whakamahi i te whakatere matūriki hei whakairi i tetahi anga pikitia. He aha mena he huarahi ki te hoki ki te ngawari? He hokinga mai ki nga kaha taketake o te paetukutuku—te HTML tohu, te CSS kikokore, me te JavaScript kua whakapai ake—me te kore e tuku i te hihiko e tumanakohia ana e nga kaiwhakamahi? Koinei te oati o te ngaru hou o nga anga kore-hanga, kore-NPM, SSR-tuatahi. Ma nga kaiwhakawhanake e aroha ana ki te HTML, e aro nui ana ki te mana o te kaitirotiro, me te whakapono ko te wa whakahaere pai rawa atu ko te mea kua whakauruhia ki runga i nga taputapu katoa.

Te awhi i te Paerewa: Kore he Hanga, Kore NPM

Ko te rapunga whakaaro "kore-hanga" he hokinga mai ki te maa. Ko te tikanga ko to waehere—HTML, CSS, JavaScript—ko te waehere e rere ana i roto i te tirotiro. Karekau he whakamaoritanga, karekau he takahanga paihere, me te mea nui, kaua e tatari mo nga whakawhirinakitanga ki te tango me te whakahiato. Ka tuhi koe i te JavaScript hou me nga waahanga ES, a ka whakahaerehia e te kaitirotiro. Ka whakakorehia e tenei te waahanga katoa o te taputapu, te whirihoranga, me te whakaputanga o nga upoko. Waihoki, "no-NPM" ehara i te mea kaore e taea e koe te whakamahi whare pukapuka; Ko te tikanga kei te whakamahi koe i nga CDN hou penei i te jsDelivr, Skypack ranei hei kawemai tika ma te URL i roto i to waehere taha tirotiro, pai ake ranei, ka patai koe mena kei te hiahia koe ki taua whare pukapuka 200kb mo tetahi mahi ngawari. Ko te hua ko te tere ake o te wheako whakawhanaketanga o te rohe, te whakamaaramatanga o te kaitirotiro inamata, me te paihere whakangao, he rite tonu ki taau i tuhi.

"Ko te maamaatanga o te rorohiko me noho i roto i nga mahi e whakaratohia ana e ia ki te kaiwhakamahi, kaua ki te uaua o tana mekameka taputapu. He tino kaha te papaaho tukutuku; ko ta tatou mahi ko te whakamahi marie."

Tuapapa Taha-Tumau: Ehara i te whakaaro i muri, engari ko te turanga

SSR-tuatahi anga huri i te tauira o te Taupānga Wharangi Takitahi (SPA) hou ki runga i tona mahunga. Engari i te tuku i te konae HTML patea me te paihere JavaScript monolithic hei whakaatu i nga mea katoa ki te kiritaki, ka tukuna e ratou te katoa o te HTML tauwhitiwhiti ki runga i te tūmau. Ka whiwhi te kaitirotiro i nga korero whai kiko tonu, he mea nui mo te mahi, SEO, me te wheako kaiwhakamahi. Ko te JavaScript taha-kiritaki ka "whakaheke" i tenei HTML, me te taapiri i nga kaiwhakarongo takahanga kia tauwhitiwhiti ai. Ko tenei huarahi e whakaatu ana i te tere o nga waahi pateko me te hihiko o nga taupānga tukutuku. Mo nga waahi-taimaha, nga panui whakahaere, nga wharangi hokohoko ranei—he mea nui te Waa-ki-Pahekoheko me te kitenga rapu—kaore e taea te hinga tenei hoahoanga. He pai te hono atu ki tetahi kaupapa pakihi rerekee, kei reira nga ihirangi matua me nga mahi ka tukuna kia kaha i mua i te puta ake o te whakapai ake.

He aha tenei huarahi e haruru ana mo nga tono Pakihi

Mo nga rorohiko pakihi, he mea nui te pono, te pupuri, me te rerenga raraunga marama. He pai te tauira HTML-tuatahi, SSR-centric i konei. Ko te tūmau te puna kotahi o te pono, te whakahaere tika i te mana whenua me te arorau pakihi. Ko te UI he tohu tika mo taua ahua, ka tukuna hei HTML. Ka waihangahia he tauira hinengaro he maamaa ake te whakaaro nui atu i nga panga hohenga, kaihoko-whenua-tukutahi o nga anga SPA nui ake. He tino kaha mo nga tono-taimaha, papatohu, me nga taputapu o roto. Ko nga papanga penei i aMewayze mohio ana ki tenei. Na roto i te whakarato i te OS pakihi ka taea te hono marie me te hiroki, te aro o mua, ka taea e nga kapa te hanga arorau pakihi uaua i roto i te taiao whakahaere i te wa e whakaatu ana ma te tere, SEO-friendly, me nga hononga ngawari. Ko tenei wehenga o nga maaharahara—ko nga waahanga whakamuri pakari, mua HTML huatau—ko te ngako o te hangarau pakihi ka taea te tauineine, te tiaki.

Ka taea te whakarapopototanga o nga tino painga o tenei huringa tauira:

• Mahinga Puka: He iti noa te JavaScript i tukuna ki te kiritaki, ka tere ake nga waa uta me nga Tohu Tukutuku Pai ake.
• Te Kaihoko Kaihanga: He rerengamahi whanaketanga ngawari kaore he whakahōu i nga mekameka taputapu me te nama whirihoranga.
• Seo Hanga-roto: Ko te HTML kua oti te huri mai i te tūmau ka taea te ngokingoki e nga miihini rapu.
• Whakarei Te Ti'aturi: He iti ake te taha-kiritaki JavaScript te tikanga he iti ake nga hapa wa whakahaere e pa ana ki te taunekeneke a te kaiwhakamahi; mahi tonu te ihirangi matua.
• Whakarei Ake: Ka tino heke te taumahinga, e whakarite ana i te urunga me te wheako turanga mo nga kaiwhakamahi katoa.

Te Kimi I To Ara Hoki ki te Whanaketanga Tukutuku Maamaa

Ehara tenei mo te whakakore i te whanaketanga paetukutuku hou; mo te whakamahine. He whiringa ki te aro nui ki te wheako o te kaiwhakamahi me te maamaatanga o te kaiwhakawhanake i runga i te whakapohehe o te tangohanga hou, tino uaua. Ko nga anga penei i a Astro (me ona moutere tauwhitiwhiti whiriwhiri), Whakanuia, me te whakamahi i nga waahanga paetukutuku me te tauira taha-tumau, ka whakarato i tenei huarahi ngawari. Ka tono koe ki te tiimata me nga mahi pai kua mahia e te paetukutuku—tuku tuhinga—me te paparanga i runga i te tauwhitiwhitinga anake ina hiahiatia. I te wa e honoa ana me te punaha backend kaha me te modular penei i teMewayz, e whakahaere ana i nga mahi pakihi uaua me te pono o nga raraunga, ka tutuki koe i te whakakotahitanga kaha. Ka whiwhi koe i tetahi waahanga tere, tere e whakaatu ana i to whakaaro pakihi, ehara i te uaua o tana hanganga. Ma te hunga e maumahara ana, ko te paetukutuku e pa ana ki te ihirangi me te mahi, he mea tuku noa.