2019. június 18. 6 perc olvasás
Az elmúlt hetekben a Reactről, a Flutterről és azokról a jellemzőkről beszéltünk, amelyek e két keretrendszert elengedhetetlen eszközévé teszik az eszköztárában a modern webes alkalmazások és a mobilalkalmazások fejlesztéséhez.
Biztos vagyok benne, hogy Ön már a két lehetőség egyikét választotta a projektjeihez, de ma érdekesnek találom az eltérésük asztalra helyezését, és segítséget nyújtok a mobilalkalmazások fejlesztésével kapcsolatos döntésében, ha még mindig kétségei vannak.
A folytatás előtt ajánlom, hogy olvassa el a következő cikkeket:
Mint már korábban említettük, a React Native és a Flutter a platformok közötti alkalmazások két fő fejlesztési kerete. Éppen ezért jó ötlet összehasonlítani a Facebook rendszert a Google rendszerével, mivel ez lehetővé teszi, hogy eldöntse és meghatározza, hogy melyik a jobb az új APP fejlesztéséhez.
Csapkod
A Flutter egyik legmenőbb tulajdonsága a reaktív paradigmája. Az aszinkron adatokkal kapcsolatos problémák kezelése - a JavaScript-fejlesztők számára nagyon ismert problémák - a Flutter reaktív programozást örököl a Dart-tól. Beszélni fogunk róla a jövőben, de nagyon hatékony az alkalmazásfejlesztésben, például null referenciák kezelésére.
Amint azt Sergio cikkében láthattuk, a Flutter sarokköve „widget”, míg a React Native komponenseket használ. A Flutter kütyük érdekessége, hogy a legtöbbjük már készen áll az „anyagtervezés” koncepciókkal való használatra. Widgetek is lehetnek, vagy mint a React.
A Flutter használatának megkezdése viszonylag egyszerű, mivel csak le kell töltenie, létre kell hoznia a környezetet és el kell kezdenie a fejlesztést. Természetesen nagyon lehetséges, hogy telepítenie kell az Android Stúdiót is. A Flutter támogatja az IntelliJ Idea és a Visual Studio Code programokat is.
Általában a Flutternek több fejlesztési időre van szüksége, mint a React Native-nál, és a Hot Reload-nak köszönhetően bármikor újraindíthatja az alkalmazást, ha bármilyen változtatást végrehajt.
React Native
A React Native fontos jellemzője, hogy a Facebook-alkalmazások vagy a globálisan használt Airbnb validálja.
A mobilalkalmazás-fejlesztés specifikus komponensei különböznek a webes és a React komponensektől. Ezenkívül a React Native virtuális DOM-ot használ a natív felhasználói felület elemeivel való kommunikációhoz.
Egyes React Native komponenseket adaptívnak neveznek, mivel megtudhatják, hogy melyik platformon - iOS vagy Android - futnak.
A Flutterhez hasonlóan a React Native használatának megkezdése is meglehetősen egyszerű, és a megfelelő csomag telepítésének és fejlesztésének a kérdése is. Ha fejlesztői már ismerik a JavaScript-et és a React-et, nagyszerű!
A fejlesztési idő tekintetében a React Native nagyon hatékony, és a használatra kész komponenseknek köszönhetően a PMV fejlesztési folyamata egyszerű és gyors.
Úgy gondolom, hogy az egyik fő jellemző, amely nem teszi lehetővé a keretrendszer alkalmazását a fejlesztők részéről, a dokumentáció hiánya vagy a megfelelő dokumentáció hiánya.
Csapkod
A Flutter hasznos, rendszerezett és nagyon teljes dokumentációval rendelkezik. Ha belép a hivatalos Flutter weboldalra, meglátja, hogyan vigyáznak erre a részletre. Nem csak megtalálja a várható példakódokat és API hivatkozásokat, hanem a Google olyan videókat is felvett, amelyekben megtanulják, hogyan kell megismerni az eszköztárat.
React Native
A React Native magas elfogadottsága - még akkor is, ha nincsenek videók - szintén a jó dokumentációval függ össze, nagyon tanulságos, de nem mindig jól szervezett. A React Native hivatalos honlapján meg lehet tanulni, hogyan kell használni a keretrendszert a React Native CLI és mindenekelőtt az Expo cli könyvtár segítségével, amely sokféle natív API-t kínál iOS és Android alapon, és amely szintén lehetővé teszi, hogy a QR-kód elolvasásával futtassa az Ön által fejlesztett alkalmazást a mobileszközén.
A teljesítmény általában az egyik legmeghatározóbb tényező egy új eszköz alkalmazásában. Szerintem érdemes megemlíteni, hogy az alkalmazás teljesítményében mindig több tényező vesz részt, például az alkalmazás típusa, az azt használó eszköz és a fejlesztők tapasztalata a választott nyelven vagy keretrendszerben.
Csapkod
A Dart jóvoltából a Flutter alkalmazásokat natív C/C ++ könyvtárak segítségével állítják össze. Ez lehetővé teszi, hogy közelebb kerüljön a gépi nyelvhez, és jobb natív teljesítményt érjen el, mivel közelebb áll a natív alkalmazásokhoz.
React Native
A React Native teljesítményét jobban rangsorolta, mint a versenytársa - a Cordova vagy az Ionic, mert sikerült külön szálban futtatnia a JavaScript-et, valamint bonyolította felhasználói felületének összetevőit natív megfelelőikbe. Ennek ellenére hidat használ a natív modulokban történő kommunikációhoz és műveletek végrehajtásához.
Csapkod
A Flutter később jelent meg a piacon, de több mint 7500 villája, több mint 65 000 csillaga a Githubon, és a Dart tárházban elérhető több mint 1400 csomag csak néhány mutató arra, hogy bevonzza a közösséget és növekszik.
React Native
A React Native sokkal hosszabb ideig volt a piacon, és ez jól látszik, amint azt a React cikkében láthattuk. A React elfogadásának köszönhetően a szervezetek, a fejlesztők és a gyártók hozzájárultak az eszköz fejlesztéséhez. Ilyen módon természetes, hogy sokkal több csomag áll rendelkezésre, mint a Flutter, ugyanazzal a céllal, hogy növelje a termelékenységet. Továbbá, mivel érettebb keret, ezért stabilabb, mint a Flutter.
A különféle közösségek mellett, amelyek életet adnak mindkét keretnek, a nagy szervezetek is használják őket. Míg a React bizonyosság a piacon, a Flutter azért, hogy új legyen, még mindig küzd, hogy észrevegyék. Az alábbiakban felsoroljuk az egyes keretek által használt termékpéldákat:
A különféle közösségek mellett, amelyek mindkét keretet életre hívják, a nagy szervezetek is használják őket. Míg a React bizonyosság a piacon, a Flutter azért, hogy új legyen, még mindig küzd, hogy észrevegyék. Az alábbiakban felsoroljuk az egyes keretek által használt termékpéldákat:
Csapkod
React Native
Mint láttuk, a különböző projektek eltérő technológiai megoldásokat igényelnek. Ha a keretrendszerre és a nyelvekre egyaránt fejlesztõi vannak a csapatában, érdemes lehet megvizsgálni mindegyikük életképességét. Mindkét keret stabilitást, teljesítményt, jó dokumentációt és aktív közösséget kínál.
Ezért nem könnyű döntést hozni. Személyes szemszögemből a React Native, mivel hosszabb életet él a piacon, és stabilabb az általunk ismert termékekben, ma előnye van. Továbbá a React Native kifejlesztése a pillanat nyelvén történik.
Ugyanakkor úgy gondolom, hogy a Flutter és a Dart sajátosságai fontosak lehetnek, különösen, ha azt akarja, hogy alkalmazása a lehető legeredetibb élményt nyújtsa a felhasználóinak. A Flutternek azonban még hosszú utat kell megtennie, de sok lehetőség rejlik céljainak elérésére.
Használja a React Native vagy a Flutter projektjeit? Milyen volt az élmény?