Истражујући МЕРН, МЕАН и МЕВН

Od samih početaka JavaScripta 1995. godine, njegova osnovna uloga bila je vezana za klijentsku stranu, odnosno frontend web razvoja. U tim ranim danima, stekao je reputaciju jezika koji nije blistao performansama. Međutim, vremenom je uloženo značajno vreme, finansije i energija kako bi se unapredio njegov kvalitet.

Kao rezultat tih ulaganja, došlo je do razvoja brojnih popularnih biblioteka i frameworka koji koriste ovaj programski jezik. Među najznačajnijim primerima su jQuery, React, AngularJS, Vue i Node.js.

Šta je Full Stack JavaScript?

Full stack JavaScript predstavlja praksu korišćenja JavaScripta kako na frontend, tako i na backend strani aplikacije. JavaScript je nadaleko poznat po svojim frontend bibliotekama i frameworkovima, ali je sada prisutan i na backendu zahvaljujući Node.js.

Iako Node.js nije bio prvi pokušaj korišćenja JavaScripta na serverskoj strani u razvoju softvera, svakako je bio najuspešniji. Danas je JavaScript na serverskoj strani sinonim za Node.js, a JavaScript je zvanično postao full stack programski jezik sa tri vrlo popularna steka.

MERN Stack

JavaScriptov MERN stek je možda najpopularniji stek, sastavljen od četiri glavne tehnologije. Na frontend strani ovih aplikacija nalazi se React biblioteka, popularna JavaScript biblioteka koju je razvio Facebook. Ova biblioteka duguje svoju popularnost brojnim faktorima, uključujući njenu fleksibilnost, optimizaciju performansi i brzo prihvatanje od strane velikih tehnoloških kompanija.

Preostale tri tehnologije u ovom steku su Node.js, Express i MongoDB. Ove tehnologije sarađuju na backendu MERN steka.

Node.js (takođe poznat kao NodeJS) je više od frameworka. To je asinhrono JavaScript okruženje za izvršavanje koje radi na serverskoj strani aplikacije kako bi upravljalo određenim procesima. Programeri koji koriste Node.js naglašavaju neblokirajuće I/O operacije softvera. Ova karakteristika daje Node.js-u prednost u odnosu na neke od njegovih konkurenata, omogućavajući vam razvoj aplikacija bez brige o zastojima.

Još jedna bitna karakteristika Node.js-a je da je vođen događajima. To znači da koristi petlju događaja kao runtime strukturu, a ne kao biblioteku. Ova petlja događaja odgovorna je za sposobnost Node.js-a da obavlja neblokirajuće I/O operacije.

Express (poznat i kao Express.js) je framework Node.js-a koji omogućava Node.js-u da obavlja određene zadatke. Na primer, Express igra ključnu ulogu u načinu na koji Node.js upravlja rutiranjem aplikacije, pojednostavljujući proces. U većini Node.js aplikacija, Express obrađuje sve HTTP zahteve.

MongoDB je NoSQL sistem za upravljanje bazom podataka. Poput Node.js-a, MongoDB je pionir u svojoj oblasti. MongoDB je dugo bio sinonim za NoSQL baze podataka. Programeri rado koriste MongoDB zbog njegove jednostavnosti i fleksibilnosti u poređenju sa njegovim SQL pandanima.

MEAN Stack

Ono što razlikuje MEAN stek od MERN steka je tehnologija na frontend strani, a to je Angular. Angular ima složenu istoriju. Prva verzija Angulara (AngularJS) napravljena je isključivo sa JavaScriptom. Međutim, Angular kakav poznajete danas je TypeScript (koji je nadskup JavaScripta) platforma za web razvoj.

Angular je framework zasnovan na komponentama koji pruža ugrađenu podršku za osnovne mehanizme web razvoja, kao što je rutiranje. Pored toga, Angular služi kao razvojna platforma, nudeći napredne funkcije koje biste obično morali da preuzmete iz spoljnih biblioteka ili frameworka. Jedna takva napredna funkcija je Angularov alat za internacionalizaciju.

Alat za internacionalizaciju olakšava lokalizaciju izdvajanjem označenog teksta za prevod na različite jezike. Ovaj alat podržava višestruke prevode i čak vam omogućava da formatirate podatke na osnovu lokacije korisnika aplikacije. Na backend strani MEAN steka nalaze se Node.js, Express i MongoDB.

MEVN Stack

Iako je MEVN stek verovatno najmanje popularan među tri glavna JavaScript steka, on i dalje održava jaku zajednicu. MEVN stek se sastoji od Node.js, Expressa, MongoDB i Vue.

Vue (takođe poznat kao Vue.js) je JavaScript framework. Slično kao React i Angular, Vue koristi model zasnovan na komponentama koji vam omogućava da razvijate i jednostavne i složene korisničke interfejse za vaše aplikacije. Ovaj framework ima dve osnovne karakteristike, on obezbeđuje deklarativno prikazivanje i reaktivnost.

Vue framework postiže deklarativno prikazivanje tako što vam omogućava da opišete izlaz korisničkog interfejsa kroz JavaScript stanje. JavaScript stanje takođe igra važnu ulogu u sposobnosti ove tehnologije da bude reaktivna, jer joj omogućava da ažurira model objekta dokumenta (DOM) kada dođe do promena.

MERN protiv MEAN protiv MEVN

Poređenje između tri glavna JavaScript steka se u suštini svodi na tri tehnologije na frontend strani. Stoga, tabela u nastavku procenjuje stekove koristeći React, Angular i Vue.

	MERN	MEAN	MEVN
Kriva učenja	React ima blagu krivu učenja.	Angular ima strmu krivu učenja, zbog svoje opsežne liste funkcija i upotrebe TypeScripta.	Vue se smatra pogodnijim za početnike u poređenju sa Reactom jer koristi sintaksu šablona koja liči na HTML, dok React koristi JavaScript XML (JSX).
Ekosistem	React koristi Redux biblioteku za upravljanje stanjem. React Router za rutiranje. Biblioteke kao što su Material-UI i Bootstrap za dizajn komponenti. Jest, Mocha i Chai su najpopularniji alati za testiranje.	Angular koristi NgRx biblioteku za upravljanje stanjem. Angular ima ugrađen ruter. Angular Material za dizajn komponenti. Ima ugrađene uslužne programe za testiranje. Obezbeđuje ugrađeno prikazivanje na serverskoj strani.	Vue koristi biblioteku Pinia za upravljanje stanjem. Vue Router za rutiranje. Biblioteke komponenti kao što su Vuetify i Element UI za dizajn komponenti. Vue ima ugrađene uslužne programe za testiranje. Podržava renderovanje na serverskoj strani.
Licenca i zajednica	React ima MIT licencu. React se može pohvaliti velikom zajednicom i širokim nizom biblioteka trećih strana, kao što je Redux, koje vam mogu pomoći u razvoju visokokvalitetnih aplikacija.	Angular ima MIT licencu. Angular takođe ima jaku zajednicu i većina njegovih resursa je ugrađena.	Vue ima MIT licencu. Vue ima rastuću zajednicu i mnogi njegovi resursi su ugrađeni.
Fleksibilnost	React je vrlo fleksibilan u smislu strukturiranja projekta i ponovne upotrebe komponenti.	Angular ima mišljenje o strukturi projekta zbog mnogih ugrađenih funkcija i konvencija.	Vue se nalazi negde između Reacta i Angulara. Pruža visok nivo fleksibilnosti, a istovremeno nudi i sopstveni skup konvencija kada je to potrebno.
Bezbednost	React ne pruža nikakve ugrađene bezbednosne funkcije.	Angular ima ugrađenu bezbednosnu funkciju koja pomaže u sprečavanju napada skriptovanjem na više lokacija (XSS).	Vue takođe ima ugrađenu bezbednosnu funkciju koja pomaže u sprečavanju XSS napada.
Performanse renderovanja	React koristi virtuelni DOM (VDOM), koji je kopija stvarnog DOM-a. Kada se stanje aplikacije promeni, React kreira virtuelnu reprezentaciju u VDOM-u, koja kasnije ažurira stvarni DOM u procesu koji se zove pomirenje. Ovaj pristup minimizira količinu stvarne DOM manipulacije (što je skupa operacija).	Angular koristi mehanizam za detekciju promena koji nadgleda stanje aplikacije i ažurira DOM kada otkrije promene.	Vue koristi Reactov virtuelni DOM i kombinuje ga sa sopstvenim sistemom reaktivnosti. Ovo u suštini pruža Vue-u najbolje od oba sveta kada je u pitanju renderovanje.
Pristupačnost	React ne podržava pristupačnost.	Angular ima nekoliko alata i funkcija koje podržavaju pristupačnost.	Vue ne podržava pristupačnost.

Prednosti full stack JavaScripta

Očigledna prednost full stack JavaScripta je to što smanjuje krivu učenja za programere koji odluče da ga koriste za razvoj celog steka. Takođe je inherentno asinhroni, što vam omogućava da razvijete skalabilnije aplikacije. U pogledu performansi, JavaScript runtime (posebno Node.js) je među najboljima, pružajući impresivnu obradu na serverskoj strani.

Međutim, postoji značajna mana posedovanja full stack JavaScripta. Iako se JavaScript na serverskoj strani ističe i u procesima vezanim za I/O i u procesima vođenim događajima, ipak nije idealan izbor za zadatke koji zahtevaju CPU, posebno kada su dostupni moćniji jezici kao što su Python i Java.