Νεοφυής επιχείρηση στην Αθήνα με frontend σε React
Μια ομάδα που ήδη έχει web εφαρμογή σε React χτίζει mobile εφαρμογή σε React Native, μοιράζοντας λογική επικύρωσης φορμών και κλήσεις API με το web project.
Ανάπτυξη εφαρμογών σε React Native, Expo
Προγραμματισμός · Ελλάδα
Κοινή γλώσσα με το web frontend σου σε React
Ανάπτυξη εφαρμογών σε React Native και Expo, με NativeWind για στυλ κοντά σε Tailwind CSS. Ταιριάζει σε ομάδες που ήδη έχουν frontend σε React και θέλουν κοινή γλώσσα και μοτίβα ανάμεσα σε web και mobile. Χτίζουμε cross-platform εφαρμογές με ενημερώσεις OTA μέσω Expo και native modules όπου χρειάζεται πρόσβαση σε λειτουργίες συσκευής.
- Ενημερώσεις OTA μέσω Expo, χωρίς νέα υποβολή σε store
- Ώρες προγραμματισμού μέσα στο μηνιαίο πλάνο
- 1–8 ώρες/μήνα σε VPS, 5–10 ώρες/μήνα σε dedicated ανάλογα με το πλάνο, 10 ώρες/μήνα σε GPUΏρες προγραμματισμού
- Φρανκφούρτη, στην ΕΕDatacenters backend
- σε EUR, με ΦΠΑ 24% διαχωρισμένο στο τιμολόγιοΧρέωση
- στα ελληνικά και στα αγγλικάΥποστήριξη
Τι χτίζουμε σε React Native
Επιλέγουμε React Native όταν η ομάδα σου ήδη έχει frontend σε React, γιατί οι προγραμματιστές μοιράζονται μοτίβα και συχνά κώδικα ανάμεσα σε web και mobile. Χτίζουμε με Expo, που επιταχύνει build και δοκιμές, και προσθέτουμε native modules μόνο όταν η λειτουργία -κάμερα προηγμένη, Bluetooth, πληρωμές NFC- δεν καλύπτεται από το τυπικό API του Expo. Ελέγχουμε πάντα πρώτα αν η λειτουργία καλύπτεται ήδη από κάποιο πακέτο της κοινότητας Expo, πριν γράψουμε custom native module.
- Εφαρμογή cross-platform σε React Native και Expo
- Στυλ με NativeWind, κοντά σε Tailwind CSS του web
- Ενημερώσεις OTA μέσω Expo, χωρίς νέα υποβολή σε store
- Native modules όπου χρειάζεται πρόσβαση σε λειτουργίες συσκευής
Πού τρέχει το backend στα πλάνα 4hosting
Η εφαρμογή React Native μιλάει με API backend που φιλοξενείται σε VPS στα δικά μας datacenters. Όταν η εφαρμογή χρειάζεται realtime λειτουργίες, όπως ειδοποιήσεις παραγγελιών ή live κατάσταση, το backend αυτό στήνεται με τις ίδιες υπηρεσίες που χρησιμοποιούμε και σε web εφαρμογές, ώστε να μη χρειάζεσαι δύο ξεχωριστά συστήματα backend. Έτσι, μια αλλαγή στο API επηρεάζει ταυτόχρονα web και mobile εφαρμογή, χωρίς να χρειάζεται συγχρονισμός χειροκίνητος ανάμεσα σε δύο ομάδες.
Πώς χρησιμοποιούνται οι ώρες προγραμματισμού
Οι ώρες προγραμματισμού βγαίνουν από το ίδιο πλάνο με τις ώρες DevOps: 1 έως 8 ώρες σε VPS, 5–10 ώρες σε dedicated ανάλογα με το πλάνο και 10 ώρες σε GPU. Στην πράξη πηγαίνουν σε νέες οθόνες, ενσωμάτωση native module, διορθώσεις που εμφανίζονται μόνο σε συγκεκριμένη συσκευή και προετοιμασία νέας έκδοσης, είτε ως OTA update είτε ως πλήρης υποβολή στο store. Καλύπτουν επίσης αναβάθμιση εξαρτήσεων npm και έλεγχο συμβατότητας με νέες εκδόσεις του Expo SDK.
OTA updates και δημοσίευση στα store
Με Expo, μικρές αλλαγές στο περιεχόμενο ή στη λογική JavaScript φτάνουν στους χρήστες μέσω OTA update, χωρίς να περάσουν ξανά από έλεγχο store, κάτι χρήσιμο για διορθώσεις επείγουσες. Αλλαγές που αγγίζουν native κώδικα -νέα άδεια, νέο native module- χρειάζονται πλήρη υποβολή, την οποία αναλαμβάνουμε μαζί με τα υλικά δημοσίευσης. Σου εξηγούμε εκ των προτέρων ποιες αλλαγές μπορούν να φτάσουν άμεσα ως OTA update και ποιες θα χρειαστούν νέο έλεγχο από το store.
Κάθε συνδρομή περιλαμβάνει μηνιαίες ώρες DevOps, Κυβερνοασφάλειας και Προγραμματισμού: 1 ώρα από το πακέτο cPanel Advanced και πάνω, 1–8 ώρες σε VPS και 5–10 ώρες σε αποκλειστικούς διακομιστές ανάλογα με το πλάνο και 10 ώρες σε GPU. Οι ώρες ζητούνται από τον πίνακα πελάτη, δεν μεταφέρονται στον επόμενο μήνα, και ό,τι ξεπερνά το όριο γίνεται δεκτό και χρεώνεται ξεχωριστά.
Περιπτώσεις χρήσης
Eshop με πρόγραμμα επιβράβευσης στη Θεσσαλονίκη
Μια εφαρμογή loyalty σε React Native δείχνει πόντους και προσφορές, με OTA updates για αλλαγές στο περιεχόμενο των προσφορών χωρίς νέα υποβολή στο store.
B2B πωλητές πεδίου στην Πάτρα
Μια εσωτερική εφαρμογή για πωλητές καταγράφει παραγγελίες πελατών και συγχρονίζεται με το ERP της επιχείρησης, με native module για σάρωση barcode προϊόντων.
Πώς δουλεύουμε
Ζητάς την ανάθεση από τον πίνακα
Ανοίγεις αίτημα στις Υπηρεσίες Προγραμματισμού, περιγράφεις την εφαρμογή React Native που χρειάζεσαι και προτείνεις προθεσμία παράδοσης.
Καθορίζουμε εύρος και προθεσμία
Επιβεβαιώνουμε οθόνες, native modules που χρειάζονται και σημεία ενσωμάτωσης με το backend, εκτιμώντας τις ώρες από την ποσόστωση.
Αναπτύσσουμε και δοκιμάζουμε
Χτίζουμε την εφαρμογή, τη δοκιμάζουμε σε πραγματικές συσκευές iOS και Android και ελέγχουμε τη ροή OTA update πριν τη δημοσίευση.
Δημοσιεύουμε και παραδίδουμε
Υποβάλλουμε στα store, στήνουμε τη ροή OTA update για μελλοντικές αλλαγές και σου δίνουμε πρόσβαση στους λογαριασμούς developer.
Τεχνολογίες
- React Native
- Expo
- TypeScript
- NativeWind
- Redux Toolkit
- REST API
- OTA updates
- CI/CD store
Συχνές ερωτήσεις
React Native ή Flutter για την εφαρμογή μου;
React Native ταιριάζει καλύτερα αν η ομάδα σου ήδη γράφει React για το web, γιατί μοιράζεστε γλώσσα και μοτίβα. Το Flutter δίνει πιο ομοιόμορφη εμφάνιση ανάμεσα σε iOS και Android, ανεξάρτητα από background της ομάδας.
Τι είναι το Expo και γιατί το χρησιμοποιείτε;
Το Expo είναι ένα σύνολο εργαλείων πάνω από React Native που απλοποιεί build, δοκιμές σε συσκευή και ενημερώσεις OTA. Το χρησιμοποιούμε γιατί επιταχύνει την ανάπτυξη, χωρίς να αποκλείει native modules όταν χρειάζονται.
Πόσο κοστίζει μια εφαρμογή σε React Native;
Δεν δημοσιεύουμε τιμή ανά έργο. Οι ώρες προγραμματισμού είναι μέσα στο μηνιαίο πλάνο hosting· ό,τι ξεπερνά την ποσόστωση συμφωνείται και τιμολογείται ξεχωριστά, ανά ώρα εργασίας. Πριν ξεκινήσουμε, σου δίνουμε εκτίμηση ωρών βάσει του αριθμού οθονών και των native modules που χρειάζεσαι.
Τι είναι τα OTA updates και τι δεν καλύπτουν;
Τα OTA updates στέλνουν αλλαγές JavaScript απευθείας στους χρήστες, χωρίς νέο έλεγχο store. Δεν καλύπτουν αλλαγές σε native κώδικα, νέες άδειες συσκευής ή νέα native modules, που χρειάζονται πλήρη υποβολή.
Χρειάζομαι native modules για την εφαρμογή μου;
Μόνο αν χρειάζεσαι λειτουργία που δεν καλύπτει το τυπικό API του Expo, όπως προηγμένη πρόσβαση σε κάμερα, Bluetooth ή πληρωμές μέσω NFC. Το ελέγχουμε στην αρχή, ώστε να μη σε εκπλήξει αργότερα.
Αναλαμβάνετε τη δημοσίευση στα store;
Ναι, από την προετοιμασία build μέχρι την υποβολή προς έλεγχο σε App Store και Google Play, μαζί με τα υλικά δημοσίευσης, μέσα στις ώρες προγραμματισμού που περιλαμβάνει το πλάνο σου.
Η ομάδα σου ήδη γράφει React;
Χτίσε τη mobile εφαρμογή σου σε React Native με την ίδια γλώσσα, με τις ώρες προγραμματισμού ήδη μέσα στο πλάνο σου.