Port sa weba na mobilni · Izrada
Vaša web aplikacija na iOS-u i Androidu, s kodom koji već imate
Prvo portujemo jedan stvarni ekran i izbrojimo koliko vašeg web koda radi na telefonu, pa dajemo ponudu. U našem portu od 1.077 linija 102 su napisane za mobilni.
AngažmanPo satu · remote
Radno vrijeme9–18 CET · 4 h preklapanja
StackReact Native · Expo · Next.js
Dokaz2 projekta
Usluga u 4 dijela
01 · Za koga je
Firma čija web aplikacija radi i koja planira mobilnu, ali još ne zna koliko će se web koda zaista moći izvršavati na telefonu.
02 · Šta smo napravili
- Naša marketing stranica, prenesena na telefon i pokrenuta u aplikaciji Expo Go. Od 1.077 linija koje se izvršavaju na uređaju, 102 su napisane za mobilni, a nijedna sekcija stranice nije prepisana.Tekst →
- Ekran za prijavu u našem dizajn sistemu poziva komponente kodom koji je do bajta identičan u sve tri aplikacije: Next.js, Vite SPA i React Native. Od platforme do platforme razlikuje se samo omotač oko njega.Projekat 01 →
- Na američkom marketplaceu dashboardi i mobilna aplikacija koriste više od 200 zajedničkih komponenti iz jednog monorepoa. Među platformama se razlikuju samo side effects.Projekat 04 →
03 · Kako radimo
01 · PRVO JEDAN PRAVI EKRANPrenesemo jedan stvarni ekran i njegov kod razvrstamo u četiri grupe: zajedničko, razdvojeno, samo web i samo nativno. Na tom brojanju zasnivamo procjenu.
02 · RAZLIKE U NAJNIŽEM SLOJURazlike među platformama stavljamo u primitivne komponente, jedan sloj ispod mjesta na kojem ih ekrani pozivaju, pa ekrani iznad ostaju zajednički.
04 · Stack
React NativeExpoNext.jsViteTypeScriptzajednički dizajn tokeni
Dokaz
Gdje smo ovo već radili
BlogTestiranje dizajn sistema na pravoj stranici: 7 komponenti i 8 nedostatakaNaša marketing stranica, prenesena na telefon i pokrenuta u aplikaciji Expo Go. Od 1.077 linija koje se izvršavaju na uređaju, 102 su napisane za mobilni, a nijedna sekcija stranice nije prepisana.Pročitajte tekst →Projekat 01 · Platforme74 / 678Ekran za prijavu u našem dizajn sistemu poziva komponente kodom koji je do bajta identičan u sve tri aplikacije: Next.js, Vite SPA i React Native. Od platforme do platforme razlikuje se samo omotač oko njega.Pročitajte više o projektu →Projekat 04 · MarketplaceNula prekida radaNa američkom marketplaceu dashboardi i mobilna aplikacija koriste više od 200 zajedničkih komponenti iz jednog monorepoa. Među platformama se razlikuju samo side effects.Pročitajte više o projektu →
Česta pitanja
Pitanja o ovoj usluzi
Brojku dobijete kad prenesemo prvi ekran. Na našoj marketing stranici 91% onoga što telefon iscrtava ponovo je iskorišteno bez izmjena. Ranija procjena bila je 62%, jer je razvrstala kod cijelog sajta prije nego što se išta pokrenulo na uređaju. Obje brojke su tačne, samo su računate na različitoj osnovici.
U našem portu nijedan nije prepisan. Sav kod koji postoji samo za web svodio se na četiri elementa u jednom layout fajlu, a zamijenila ih je nativna verzija tog fajla od 55 linija. Prvi ekran koji prenesemo za vas pokazat će da li je i vaš kod koji postoji samo za web na jednom mjestu ili je razasut po cijeloj aplikaciji.
Omotač aplikacije: rutiranje, sticky trake, skip linkovi, landmark elementi stranice i linkovi za mail i telefon. U našem portu to su bile 102 linije.
Ne sve. U našem portu nativni test je prolazio za ekran koji se nije mogao ni otvoriti, a telefon je za nekoliko sekundi pokazao pad aplikacije koji su propustili kompajler, testovi i produkcijski export. Zato provjeravamo i na stvarnom uređaju.
Sljedeći korak
Opišite problem i javit ćemo vam se s tri opcije.
Prvi poziv traje 30 minuta i ni na šta vas ne obavezuje.