A JavaScript 1995-ös megjelenése óta a webfejlesztés egyik alapköve lett. Habár már negyed évszázados múlttal rendelkezik, máig a meghatározó technológiák között tarthatjuk számon, ami folyamatosan tud újat mutatni. Egy korábbi webináriumunkon Bajzáth Árpád, a Mito lead frontend developere, Mérő Bálint, a Redmenta CTO-ja és Paróczi Zsombor, a DONE. CTO-ja segítségével tekintettük át a JavaScript aktualitásait a Vue, a React és az Angular tekintetében. A teljes beszélgetést visszanézheted az alábbi videóra kattintva.
A JavaScript alapú frontend fejlesztés legnépszerűbb keretrendszerei
Ma már szinte elengedhetetlen egy-két keretrendszer ismerete a hatékony fejlesztői munkához. “Ma már szinte minden második nap feltalál valaki egy web frameworköt” – reflektált napjaink technológiai fejlődésének ütemére Bajzáth Árpád. Ilyen helyzetben pedig nem könnyű megtalálni az ideális megoldást, különösen, ha egy új készség elsajátításáról van szó.
A használatban lévő keretrendszerek összehasonlítása Árpi egyik projektjén keresztül merült fel, amihez próbára tették a három legnépszerűbbet. Bundle size, a kiértékelés gyorsasága és az elkészült termék gyorsasága alapján így végül a Vue.js-re esett a választás. Az alábbiakban mi is részletesebben áttekintjük őket.
Angular vs. Angular.js
Ugyan a JavaScript a frontend fejlesztés alapjának számít, aminek egyik legelterjedtebb keretrendszere az Angular. Érdemes azonban már az elején különbséget tenni az Angular és Angular.js között is, hasonlóságaik mellett ugyanis számos dologban eltérőek egymástól.
Az Angular.js például JavaScript alapú, MVC-ket (model-view-controller) használó keretrendszer, amelyek egy központi kontrollerként működve menedzselik az alkalmazások adatáramlását és viselkedését. Az Angular ezzel szemben TypeScripten alapszik és strukturális, valamint attributív direktívákat használ. Vendégeink szóba is hozták, hogy a két keretrendszer különbségei miatt az Angular megjelenésekor egy jelentősebb visszaesés is észlelhető volt az Angular.js népszerűségében, hiszen az új keretrendszert gyakorlatilag elölről kellett elsajátítani.
Amellett, hogy elődjével szemben az Angular már mobil eszközöket is támogat, gyorsabb és stabilabb megoldást is nyújt a fejlesztőknek, ezért napjaink egyik legnépszerűbb technológiájának számít.
Ha érdekel a frontend fejlesztés, látogass el honlapunkra, ahol több szinten induló online, mentorált képzés közül válogathatsz. Többek között JavaScript, Angular és React képzések is várnak!
React
A React az egyik legtámogatottabb JavaScript könyvtár, amit még a Facebook fejlesztői készítettek 2011-ben, néhány év múlva pedig már számos nagyvállalat alkalmazta saját projektjeiben is. Hozzá kapcsolódik a React Native is, ami 2015 óta teszi lehetővé, hogy React.js segítségével készíthessünk cross platform alkalmazásokat Androidra és iOS-re egyaránt.
Egyik legnagyobb előnye rugalmasságában rejlik, mivel kiterjedt komponens eszköztárának köszönhetően könnyen és gyorsan készíthetünk webalkalmazásokat a segítségével. A kész gombokat, címkéket és grideket pedig egyszerűen személyre szabhatjuk, így elsajátítása sem vesz sok időt igénybe.
Mivel nemcsak open source könyvtárról van szó, de a React maga mögött tudhatja a Facebook (most már Meta) teljes fejlesztő gárdáját, az egyik legjobb supporttal rendelkező könyvtár a területen.
Vue.js
A Vue.js még csak hat éve van a piacon, mégis az egyik elsőszámú JavaScript keretrendszerré nőtte ki magát.
“A Vue-ban az Angular Js-hez hasonlító szintaxisa miatt nagyon gyorsan ment a fejlesztés, gyors volt a végeredmény és már akkor látszott, hogy ez nem egy olyan tiszavirág, mint amik ma vannak. Ma már szinte minden második nap feltalál valaki egy web frameworköt” – jegyezte meg Árpi egy 2016-os projektjük kapcsán, amibe végül az akkor még csak gyerekcipőben járó Vue.js-ben vágtak bele.
Mivel lightweight, mégis gyors és megbízható megoldást tud nyújtani az alkalmazásfejlesztéshez, valamint széles HTML alapú sablonokkal rendelkezik, egyszerű alkalmazásokat akár már egy nap alatt el lehet készíteni benne.
Laravel Mix
A Laravel Mix-et is érdemes megemlíteni a sorban, amire Mérő Bálint, a Redmenta CTO-ja hívta fel a figyelmünket. “A Laravel Mix tulajdonképpen beépítette magába a Webpack-et. Az, hogy a React-et támogatom, az LaravelMix. React, azt meghívom és tudja, hogy egy Reactet kell neki majd lebuildelnie. Tehát egy csomó presetet tartalmaz, ezért nagyon könnyű vele dolgozni” – beszélt róla vendégünk.
A Laravel Mix eredetileg ugyan Laravel projektekhez készült, azonban széleskörben használható egyéb webalkalmazások fejlesztésére is. Használatával pedig megspórolhatjuk a webpackek keresésével és telepítésével járó időt, hiszen minden szükséges típust megtalálunk egy helyen.
Ha szeretnél többet megtudni a JavaScript aktualitásairól, látogass el Youtube csatornánkra és nézd vissza a teljes beszélgetést három szakértő vendégünkkel!
