Rundown bàsic de React vs Vue

A Flatiron School hi passa el temps. Acabem d’embolicar la setmana 10 amb l’aprenentatge del React Framework. React està format per JavaScript i JSX (una combinació de JavaScript de vainilla i una sintaxi específica que sembla similar a HTML). JSX és un pas preprocessador que afegeix la sintaxi XML a JavaScript. Sens dubte, podeu utilitzar React sense JSX, però JSX fa que React sigui molt més elegant. Mitjançant fragments de JSX, podeu crear components que es converteixen en els blocs de construcció d'una aplicació web. M'agradava fins ara, però tenia curiositat sobre els avantatges i els desavantatges amb altres marcs, en particular amb Vue.

Amb React, quan un component canvia d’estat, es produeix una representació de l’arbre complet de components. Per fer front a aquests renders, podeu utilitzar shouldComponentUpdate o React.PureComponent. Si utilitzeu React.PureComponent en lloc de React.Component, llavors implementa shouldComponentUpdate automàticament.

Al mètode React, el mètode shouldComponentUpdate només s'ha d'utilitzar com a optimització de rendiment. Utilitzeu el mètode ShouldComponentUpdate per informar-vos si la sortida d’un component no es veu afectada pel canvi d’estat o d’atrezzo actual.

A Vue, el sistema de Vue sap quins components han de tornar a aparèixer quan canvia l'estat. D'aquesta manera es treu una representació innecessària del component.

Les diferències més evidents amb React i Vue són amb la sintaxi

Com s'ha dit anteriorment, React es compon de JavaScript i (opcionalment) de JSX per crear components que es converteixen en els blocs de construcció de l'aplicació. Vue també pot utilitzar funcions de renderització i donar suport a JSX, però també ofereix plantilles predeterminades. L’HTML vàlid actua com a plantilla en Vue. Això permet que fins i tot els principiants puguin treballar mitjançant codi i afegir-hi, ja que és més natural llegir i escriure. Els components de Vue es poden descriure com a presentatius o lògics. Es recomana utilitzar plantilles per a components presentatius i les funcions de renderització amb JSX per als components lògics.

L’estil CSS a React es fa majoritàriament com CSS a JS. El mètode d'estil predeterminat de Vue és com les etiquetes d'estil dels components d'un sol fitxer. El codi d'estil dels components d'un sol fitxer es troba en el mateix fitxer que el codi del component.

React i Vue també tenen algunes similituds

Per a aplicacions més grans, React i Vue ofereixen bones solucions. Redux es pot utilitzar amb React per gestionar l'estat i respondre a les accions dels seus usuaris. Vue també pot utilitzar Redux, però hi ha alguna cosa anomenada Vuex, que és un altre sistema de gestió de l'estat més específic específicament per a Vue. Una altra similitud entre React i Vue és el rendiment en temps real. Són molt similars per la qual cosa no hi ha avantatge ni desavantatge.

És més popular React o Vue?

Les biblioteques de Vue per a la gestió de l'estat s'actualitzen amb la biblioteca principal mentre que React utilitza la seva comunitat per tenir-ne cura. Però React és més popular, per la qual cosa és capaç de mantenir-se al dia amb les preocupacions. Una enquesta StackOverflow va dir que React és la 3a biblioteca més popular entre els desenvolupadors. Segons LinkedIn, els desenvolupadors de React tenen més demanda que Vue amb una proporció de 5: 1.

Si voleu iniciar un projecte per a React o Vue, esteu d’enhorabona.

Tant Vue com React ofereixen programes inicials. React és l'aplicació create-react, mentre que Vue té un generador de CLI. Un desavantatge de l’inici del projecte de React és que només ofereix una sola plantilla suposant que esteu fent un SPA (aplicació d’una sola pàgina) mentre Vue ofereix més varietat.

Segons la meva opinió, React té una corba d’aprenentatge més forta que Vue. Amb Vue, només heu de posar una sola etiqueta de script per començar a crear aplicacions petites. Amb React, cal conèixer JavaScript (ES2015 +) i JSX per poder començar.

Com en qualsevol marc, utilitzeu el que tingui més sentit per a vosaltres (o qualsevol cosa que utilitzeu la vostra empresa!) Ambdós tenen avantatges i avantatges, a més, hi ha molts altres marcs com Angular o AngularJS.

Quina eina front-end preferiu per al vostre treball en aquests dies? Codificació feliç!

Fonts: