Frontend technologijų supratimas: Netechninis žvilgsnis į Vue ir React

Beveik kiekviena šiuolaikinė, interaktyvi svetainė, tokia, kurioje mygtuko paspaudimas akimirksniu atnaujina puslapį, o ne perkrauna jį, remiasi JavaScript karkasu, veikiančiu fone. Du iš plačiausiai naudojamų yra React ir Vue. Niekada jų nematysite tiesiogiai kaip lankytojas, tačiau supratimas, ką jie maždaug daro, paaiškina daug apie tai, kaip šiandienos svetainės iš tikrųjų elgiasi.

Kam iš tikrųjų skirti šie karkasai

Prieš atsirandant tokiems įrankiams kaip React ir Vue, svetainės, kurioje puslapis atsinaujina akimirksniu, krepšelio suma keičiasi, forma tikrinama rašant, gyva paieška filtruoja rezultatus, kūrimas reikalavo daug rankinio, pasikartojančio kodo, kad matomas puslapis būtų sinchronizuotas su pagrindiniais duomenimis. Šie karkasai tai sprendžia, leisdami kūrėjams aprašyti, kaip puslapis turėtų atrodyti tam tikram duomenų rinkiniui, o tada patys tvarko nuobodų darbą efektyviai atnaujinant naršyklę, kai tik tie duomenys pasikeičia.

React

React sukūrė „Facebook" inžinieriai ir viešai išleido 2013 metais. Jis pristatė komponentais grįstą požiūrį: vietoj vieno ilgo kodo puslapio, kūrėjas sukuria mažas, pakartotinai naudojamas dalis, mygtuką, navigacijos juostą, produkto kortelę, ir sujungia jas kaip statybinius blokus. React populiarumas, ir jo milžiniška susijusių įrankių ekosistema, įskaitant tokius karkasus kaip Next.js, sukurtus tiesiogiai jo pagrindu, padarė jį vienu dažniausių pasirinkimų viskam, nuo smulkaus verslo svetainių iki didelio masto žiniatinklio programų.

Vue

Vue sukūrė Evan You, buvęs „Google" inžinierius, ir pirmą kartą išleido 2014 metais. Jis buvo sukurtas turint konkretų tikslą: būti prieinamesnis nei tuo metu prieinamos alternatyvos, naudojant sintaksę, panašesnę į paprastą HTML, todėl lengviau mokytis palaipsniui, o ne reikalauti didelės pradinės investicijos mokymuisi. Tas prieinamumas Vue užsitarnavo lojalius sekėjus, ypač tarp komandų, norinčių švelnesnės mokymosi kreivės, neatsisakant pagrindinių komponentais grįsto karkaso privalumų.

Kodėl pasirinkimas retai veikia lankytojus

Iš lankytojo perspektyvos, gerai sukurta svetainė, naudojanti React, ir gerai sukurta svetainė, naudojanti Vue, iš esmės nesiskiria, abi gali būti vienodai greitos, vienodai interaktyvios ir vienodai poliruotos. Pasirinkimas tarp jų beveik visiškai yra kūrimo komandos sprendimas: su kuriuo jie turi daugiau patirties, kuri įrankių ekosistema geriau tinka projektui, ir kurį esami komandos nariai jau gerai išmano. Nė vienas karkasas nėra objektyviai „geresnis" taip, kad tai keistų lankytojo patirtį.

Praktinis skirtumas, verta žinoti, yra mastas: React ekosistema yra gerokai didesnė, o tai apskritai reiškia daugiau prieinamų papildinių, daugiau samdymo variantų ir daugiau esamų sprendimų dažnoms problemoms. Mažesnė Vue ekosistema dažnai apibūdinama kaip labiau darni, nes jos pagrindinė komanda prižiūri didesnę dalį įrankių, kurių kūrėjams dažniausiai reikia. Priklausomai nuo konkretaus projekto reikalavimų, bet kuris kompromisas gali veikti verslo naudai.

Verslo savininkui, vertinančiam žiniatinklio kūrimo komandą, konkretus pokalbyje minimas karkasas yra kur kas mažiau svarbus nei tai, kaip gerai ta komanda gali paaiškinti savo sprendimo priežastis. Tiek React, tiek Vue yra brandūs, galingi, plačiai naudojami įrankiai, ir kompetentingas kūrėjas gali sukurti puikią svetainę su bet kuriuo iš jų.

Verta paminėti, kad abu karkasai nuolat tobulėja, ir didžioji dalis skirtumų, kurie buvo aktualūs prieš kelerius metus, šiandien jau nebeturi tokios reikšmės kasdieniame darbe ar galutinio produkto kokybei.