Mindkét platformra kell az app
Ha Androidra és iOS-re is szükség van, a közös kódbázis jelentősen csökkenti a fejlesztési időt és a hosszú távú karbantartás terhét is.
Egy kódbázis, két platform: React Native fejlesztés
React Native és Expo alapokon fejlesztek mobilalkalmazásokat, így az Android és iOS verzió egyszerre, közös kódbázisból készül – gyorsabban, mint két külön natív alkalmazás fejlesztése.
Mikor jó választás a React Native, és mikor nem?
A React Native a legtöbb üzleti mobilapp-projektnél jó választás, mert egy kódbázisból mindkét platformot lefedi. Vannak viszont esetek, amikor natív fejlesztés vagy más megközelítés indokoltabb – ezt érdemes már az elején tisztázni.
Üzleti alkalmazásról van szó
Fiókkezelés, lista, űrlap, kamera, push értesítés, fizetés – ezek a React Native ökoszisztémában jól, kiforrottan megoldhatók.
Fontos a gyors iterálás
Az Expo-val a fejlesztés alatt gyorsan tesztelhető a változás valódi eszközön, ami rövidebb visszacsatolási kört ad.
Nem extrém teljesítményigényű
Ha a cél komplex 3D-grafika, valós idejű játék vagy nagyon speciális hardveres integráció, ott natív fejlesztés vagy más motor lehet indokoltabb – ezt őszintén jelzem, ha ez a helyzet.
Mit nézek meg egy React Native projekt elején?
A React Native maga nem garancia semmire – az számít, hogyan épül fel rá az alkalmazás. Ezt térképezem fel elsőként.
Natív funkciók igénye
Kamera, push, helyadat, biometrikus bejelentkezés – ezekhez React Native-kompatibilis, karbantartott csomagokat választok.
Expo vagy bare workflow
A legtöbb projektnél az Expo managed workflow gyorsabb és karbantarthatóbb; összetettebb natív igénynél bare workflow-ra váltok.
Backend és API-k
A mobilfelület mögötti auth, adatbázis és API-k kialakítása ugyanolyan fontos, mint maga a React Native kód.
Platformspecifikus különbségek
Néhány UI- és engedélykezelési részlet Androidon és iOS-en eltér – ezeket külön ellenőrzöm, nem csak egy platformon tesztelek.
Amire React Native projektnél kiemelten figyelek
A közös kódbázis nem jelenti azt, hogy minden platformon automatikusan ugyanúgy fog működni és kinézni. Ezt tudatosan kezelem a fejlesztés során.
Ha az appod mellé webes rendszer is kell, ugyanazon a háttérrendszeren, nézd meg a webalkalmazás-fejlesztést .
Platformonkénti tesztelés
Minden fontosabb funkciót Androidon és iOS-en is külön tesztelek, nem csak az egyik platformon.
Naprakész csomagok
A React Native és Expo csomagok gyors ütemben frissülnek – csak karbantartott, stabil könyvtárakat építek be.
Store-kompatibilitás
A build és a natív konfiguráció úgy készül, hogy megfeleljen az Apple és a Google aktuális beadási követelményeinek.
Hosszú távú karbantarthatóság
A kód szerkezete és a függőségek úgy készülnek, hogy egy jövőbeli frissítés vagy bővítés ne igényeljen újraírást.
Szakmai források
Így néz ki egy React Native projekt nálam
Ugyanaz az öt lépés, amit minden mobilapp-projektnél követek, React Native és Expo eszközökkel megvalósítva.
Alapok és funkciólista
Kinek készül az app, milyen natív funkciók kellenek, és melyik workflow – Expo managed vagy bare – illik hozzá.
Felület tervezése
UI-terv, ami mindkét platformon jól működik, a platformspecifikus különbségek figyelembevételével.
Full-stack fejlesztés
A React Native felület mellett az auth, adatbázis, API-k és admin logika elkészítése.
Tesztelés és publikálás
Androidon és iOS-en külön tesztelés, majd App Store és Google Play publikálás.
A teljes szolgáltatást és a felhasznált technológiákat itt mutatom be részletesebben: Mobilalkalmazás-fejlesztés.
React Native és Expo egy éles projektben
Az általam fejlesztett fitness alkalmazás React Native és Expo alapokon készült, egy kódbázisból, Androidra és iOS-re egyszerre.
1
közös kódbázis Androidra és iOS-re
AI
külső AI-szolgáltatás bekötve a React Native felület mögé
Ez a projekt egy fitness alkalmazás, nem egy általános React Native referencia-lista – azt mutatja meg, hogyan működik a gyakorlatban a közös kódbázisú fejlesztés egy éles termékben.
Nézd meg a mobilalkalmazás-fejlesztéstKapcsolódó cikkek a blogról
Mobilalkalmazás-fejlesztés
React Native vagy natív fejlesztés?
A legtöbb üzleti mobilapp-projektnél a React Native jó választás, de nem mindegyiknél. Nézd meg, mikor éri meg a közös kódbázis, és mikor a natív fejlesztés.
Mobilalkalmazás-fejlesztés
Hogyan válassz mobilalkalmazás-fejlesztőt?
Milyen referenciát, technológiát és utógondozást érdemes elvárni egy mobilalkalmazás-fejlesztőtől? Gyakorlati szempontok döntés előtt.
Mobilalkalmazás-fejlesztés
Mennyibe kerül egy mobilalkalmazás fejlesztése?
Magyar piaci árak és a valós költségtényezők alapján: mitől függ, és nagyjából mennyibe kerül egy egyszerű, közepes vagy összetett mobilapp.
Gyakori kérdések
Gyakori kérdések a React Native fejlesztésről.
Mi a különbség a React Native és a natív fejlesztés között?
Natív fejlesztésnél Androidra és iOS-re külön, saját nyelven (Kotlin/Swift) készül az alkalmazás. A React Native egy közös kódbázisból, JavaScript/TypeScript alapon fedi le mindkét platformot, ami a legtöbb üzleti alkalmazásnál gyorsabb és olcsóbb fejlesztést tesz lehetővé.
Lassabb egy React Native app, mint egy natív?
A legtöbb üzleti alkalmazásnál – lista, űrlap, fiók, tartalom – a felhasználó nem érzékeli a különbséget. Extrém grafikai vagy teljesítményigénynél lehet érdemi eltérés, ezt a projekt elején érdemes tisztázni.
Mi az Expo, és miért ezt használod?
Az Expo egy React Native-re épülő eszközkészlet, ami gyorsabb fejlesztést, egyszerűbb buildelést és Store-publikálást tesz lehetővé. A legtöbb projektnél ezzel dolgozom, összetettebb natív igénynél bare workflow-ra váltok.
Át lehet venni egy meglévő React Native projektet?
Igen, de előbb átnézem a kódbázist és a függőségeket. Ha elavult vagy karbantarthatatlan csomagokra épül, ezt jelzem, mielőtt belekezdünk a továbbfejlesztésbe.
Ha React Native-ben készül, ugyanúgy fel lehet tölteni az App Store-ba és a Google Playbe?
Igen. A React Native/Expo alapú alkalmazás natív buildet készít mindkét platformra, amit a szokásos módon, TestFlight- és Play Store-os teszt után lehet nyilvánosan publikálni.
Beszéljünk a React Native projektedről
Írd le, milyen alkalmazást szeretnél, és milyen natív funkciókra van szükség. Ebből tudom megmondani, hogy a React Native/Expo a jó választás-e, és mennyi idő alatt készülhet el.