Å forstå frontend-teknologi: Et ikke-teknisk blikk på Vue og React

Nesten enhver moderne, interaktiv nettside, en hvor det å klikke en knapp oppdaterer siden øyeblikkelig i stedet for å laste den på nytt, er avhengig av et JavaScript-rammeverk som jobber i bakgrunnen. To av de mest brukte er React og Vue. Du vil aldri se noen av dem direkte som besøkende, men å forstå omtrent hva de gjør forklarer mye om hvordan dagens nettsider faktisk oppfører seg.

Hva disse rammeverkene faktisk er til for

Før verktøy som React og Vue eksisterte, krevde det å bygge en nettside hvor siden oppdaterte seg øyeblikkelig, en handlekurvsum som endret seg, et skjema som validerte mens du skrev, et livesøk som filtrerte resultater, mye manuell, repeterende kode for å holde den synlige siden synkronisert med de underliggende dataene. Disse rammeverkene løser det ved å la utviklere beskrive hvordan siden skal se ut for et gitt sett med data, og deretter håndtere det kjedelige arbeidet med å faktisk oppdatere nettleseren effektivt hver gang de dataene endres.

React

React ble skapt av ingeniører hos Facebook og utgitt offentlig i 2013. Det introduserte en komponentbasert tilnærming: i stedet for én lang side med kode, bygger en utvikler små, gjenbrukbare deler, en knapp, en navigasjonslinje, et produktkort, og kombinerer dem som byggeklosser. Reacts popularitet, og dets enorme økosystem av relaterte verktøy, inkludert rammeverk som Next.js, bygget direkte på toppen av det, har gjort det til et av de vanligste valgene for alt fra småbedriftsider til storskala webapplikasjoner.

Vue

Vue ble skapt av Evan You, en tidligere Google-ingeniør, og først utgitt i 2014. Det ble designet med et spesifikt mål i tankene: å være mer tilgjengelig enn alternativene som var tilgjengelige på den tiden, ved å bruke en syntaks som ligner mer på vanlig HTML, noe som gjør det enklere å plukke opp gradvis i stedet for å kreve en stor forhåndsinvestering for å lære. Den tilgjengeligheten har gitt Vue en lojal tilhengerskare, spesielt blant team som vil ha en mildere læringskurve uten å gi opp kjernefordelene ved et komponentbasert rammeverk.

Hvorfor valget sjelden påvirker besøkende

Fra en besøkendes perspektiv er en velbygget side som bruker React og en velbygget side som bruker Vue i hovedsak umulig å skille fra hverandre, begge kan være like raske, like interaktive, og like polerte. Valget mellom dem er nesten utelukkende en avgjørelse for utviklingsteamet: hvilken de har mer erfaring med, hvilket økosystem av verktøy som bedre passer prosjektet, og hvilken eksisterende teammedlemmer allerede kjenner godt. Ingen av rammeverkene er objektivt "bedre" på en måte som endrer det en besøkende opplever.

En praktisk forskjell verdt å vite er skala: Reacts økosystem er betydelig større, noe som generelt betyr flere tilgjengelige plugins, flere ansettelsesalternativer, og flere eksisterende løsninger på vanlige problemer. Vues mindre økosystem blir ofte beskrevet som mer sammenhengende, siden kjerneteamet vedlikeholder en større andel av verktøyene utviklere ofte trenger. Avhengig av et prosjekts spesifikke krav kan begge avveiningene fungere til en bedrifts fordel.

For en bedriftseier som evaluerer et webutviklingsteam, betyr det spesifikke rammeverket nevnt i en samtale langt mindre enn hvor godt det teamet kan forklare resonnementet sitt for å velge det. Både React og Vue er modne, kapable, mye brukte verktøy, og en kompetent utvikler kan bygge en utmerket side med begge deler.