8 வாரங்களில் கிராஸ்-பிளாட்ஃபார்ம் செயலியை நாங்கள் எவ்வாறு உருவாக்கினோம்: உண்மையான வழக்கு ஆய்வு

8 வாரங்களில் கிராஸ்-பிளாட்ஃபார்ம் செயலியை நாங்கள் எவ்வாறு உருவாக்கினோம்: உண்மையான வழக்கு ஆய்வு

ஒரு தசாப்தத்திற்கும் மேலாக செயலிகளை உருவாக்கி வருகிறேன். இறுக்கமான காலக்கெடுவைப் போல வேகம் குறித்து எனக்கு எதுவும் கற்பிக்கவில்லை.

லாஜிஸ்டிக்ஸ் ஸ்டார்ட்அப் எங்களிடம் வந்தது. ஓட்டுநர்கள், அனுப்புநர்களுக்கான குறுக்கு-தள செயலி தேவைப்பட்டது. காலக்கெடு? எட்டு வாரங்கள். விதிவிலக்கு இல்லை.

56-ம் நாளில் delivery செய்தோம். அதை எப்படிச் செய்தோம் என்பது இதோ.

The Challenge

வாடிக்கையாளர், B2B லாஜிஸ்டிக்ஸ் நிறுவனம், மொபைல் செயலி இல்லாமல் இருந்தது. அவர்களின் ஓட்டுநர்கள் காகித பதிவுகள் மற்றும் தொலைபேசி அழைப்புகளைப் பயன்படுத்தினர். அனுப்புநர்கள் விரிதாள்களைக் கையாண்டனர்.

They wanted:

• டிஸ்பாட்சர்களுக்கான நிகழ்நேர கண்காணிப்பு
• ஓட்டுநர்களுக்கான பணி ஒதுக்கீடுகள்
• டெலிவரிகளின் புகைப்படப் பதிவேற்றங்கள்
• கிராமப்புறங்களுக்கான offline பயன்முறை

தளங்கள்: iOS மற்றும் Android. ஒற்றை குறியீட்டுத் தளம். இரண்டு மாதங்களுக்குள்.

குறுக்கு-தளம் ஏன்? அதற்கு வருவோம்.

Why Cross-Platform?

Native app-களைப் பரிசீலித்தோம். இரண்டு தனி குழுக்கள். இரண்டு codebase-கள். அதற்கு குறைந்தது 14–16 வாரங்கள் ஆகும்.

குறுக்குத் தளம் எங்களுக்கு ஒரு குறியீட்டுத் தளம் தந்தது. இரு தளங்களிலும் 85% குறியீட்டை மறுபயன் செய்தோம். அது '-இலிருந்து எடுத்த உண்மையான எண் React Native’s docs — நிறுவனங்கள் 60–90% குறியீடு மறுபயன்பாட்டைப் பதிவு செய்கின்றன.

Factor	நேட்டிவ் (iOS + Android)	குறுக்குத் தளம் (React Native)
Development time	14–16 weeks	8 weeks
Code reuse	0%	85%
Team size	6 developers	4 developers
Initial cost	$120,000–$160,000	$80,000–$100,000
Performance	Excellent	நேட்டிவில் ~95% (உண்மையான சோதனைகள்)
Maintenance	Two codebases	One codebase

சமரசம்? மேம்பட்ட கேமரா வடிப்பான்கள் போன்ற சில நேட்டிவ் அம்சங்கள் உருவாக்க அதிக நேரம் எடுத்தன. ஆனால் லாஜிஸ்டிக்ஸ் செயலிக்கு, குறுக்கு-தளம் சரியாக வேலை செய்தது.

According to a Statista survey, 38% டெவலப்பர்கள் குறுக்கு-தளத் திட்டங்களுக்கு React Native-ஐப் பயன்படுத்துகின்றனர். இது மிகவும் பிரபலமான framework.

Our Tech Stack

Quality-ஐத் தியாகம் செய்யாமல் development-ஐ வேகப்படுத்திய கருவிகளைத் தேர்ந்தெடுத்தோம்.

• Framework: React Native
• Bootstrapping: Expo — ஆரம்ப அமைப்பில் எங்களுக்கு 2 வாரங்களை மிச்சப்படுத்தியது
• Backend: Firebase — அங்கீகாரம், Firestore, கிளவுட் செயல்பாடுகள்
• CI/CD: GitHub Actions + Azure DevOps for testing
• Error tracking: Sentry
• Analytics: Amplitude

Flutter-ஐ விட React Native ஏன்? வாடிக்கையாளரிடம் ஏற்கனவே JavaScript டெவலப்பர்கள் இருந்தனர். Dart கற்க வேண்டிய அவசியமில்லை.

Expo சில நிமிடங்களில் சாதனத்தில் செயலியை இயக்க அனுமதித்தது. Xcode அல்லது Android Studio-வை உள்ளமைப்பதில் நேரத்தை வீணாக்கவில்லை.

The 8-Week Timeline

ஒவ்வொரு வாரமும் முக்கியமானது. எங்கள் சரியான அட்டவணை இதோ.

வாரம் 1: அடித்தளம் & முன்மாதிரி

• Set up Expo project
• expo-location, expo-camera, expo-file-system நிறுவப்பட்டது
• வழிசெலுத்தல் கட்டமைப்பை வடிவமைத்தது (கீழ் தாவல்கள் + அடுக்கு)
• Figma-வில் கிளிக் செய்யக்கூடிய முன்மாதிரியை உருவாக்கியது
• வாடிக்கையாளர் வெள்ளிக்கிழமைக்குள் ஓட்டத்தை அங்கீகரித்தார்

வாரம் 2: அங்கீகாரம் & பயனர் பாத்திரங்கள்

• மின்னஞ்சல்/கடவுச்சொல்லுடன் Firebase Auth
• இரு பாத்திரங்கள்: driver, dispatcher
• தரவு அணுகலைக் கட்டுப்படுத்த Firestore விதிகள்
• iOS சிமுலேட்டர் மற்றும் Android எமுலேட்டர் இரண்டிலும் சோதிக்கப்பட்டது

வாரம் 3: நிகழ்நேர வேலைவாய்ப்புப் பலகை

• வேலை புதுப்பிப்புகளுக்கான Firestore லிஸனர்
• இழுத்துப் புதுப்பித்தலுடன் கூடிய FlatList
• பணி நிலை: நிலுவையில், ஏற்கப்பட்டது, போக்குவரத்தில், நிறைவு
• ஓட்டுநர்கள் அருகிலுள்ள வேலைகளை மட்டுமே காண்பர் (geolocation வடிப்பான்)

வாரம் 4: ஆஃப்லைன் பயன்முறை

• Used redux-persist + @react-native-async-storage/async-storage
• வேலைகள் மற்றும் பயனர் தரவை உள்ளூரில் தேக்ககப்படுத்தியது
• ஒத்திசைவு வரிசை: மீண்டும் ஆன்லைனில் வரும்போது புதுப்பிப்புகள் அனுப்பப்படும்
• விமானப் பயன்முறையில் சோதிக்கப்பட்டது — வேலை செய்தது

வாரம் 5: புகைப்படப் பதிவேற்றம் & படிவங்கள்

• expo-image-picker for camera/gallery
• படங்களை கிளையண்ட்-சைடில் <200KB-க்குச் சுருக்கவும்
• பதிவேற்றங்களுக்கான Firebase Storage
• டெலிவரி சான்றுக்கான மாறும் படிவத்தை உருவாக்கியது

வாரம் 6: Dispatcher டாஷ்போர்டு

• தேடல் மற்றும் வடிகட்டலுடன் கூடிய வெப் போன்ற அட்டவணைக் காட்சி
• ஓட்டுநர் இருப்பிடங்களைக் காட்டும் நிகழ்நேர வரைபடம்
• ஓட்டுநர் செயல்திறன் அளவீடுகள் (on-time delivery விகிதம்)
• Used react-native-maps for the map

வாரம் 7: சோதனை & பிழைத்திருத்தம்

• Jest-உடன் Unit சோதனைகள் (80% coverage)
• Detox உடன் E2E சோதனைகள் (முக்கியமான பாதைகள் மட்டும்)
• ஒவ்வொரு பில்டிலும் Sentry பிழை கண்காணிப்பு
• 10 உண்மையான driver-களுடன் பயனர் ஏற்புச் சோதனை

வாரம் 8: மெருகூட்டல் & வெளியீடு

• செயல்திறன் மேம்பாடு (படங்களை lazy loading செய்தல், மறு-வழங்கல்களைக் குறைத்தல்)
• ஆப் ஸ்டோர் ஸ்கிரீன்ஷாட்கள் மற்றும் விளக்கங்கள்
• Submitted to Apple App Store and Google Play Store
• இரண்டும் 2 நாட்களில் அங்கீகரிக்கப்பட்டன

Development Process

இரண்டு வார sprint-கள் நடத்தினோம். Slack வழியாக தினசரி standup-கள். மூன்று நாட்களுக்கு ஒருமுறை feedback loop.

Feature branch-களைப் பயன்படுத்தினோம். ஒவ்வொரு pull request-உம் GitHub Actions workflow-ஐத் trigger செய்தது: lint, test, Expo-வுடன் build, பின் Expo Go பயன்படுத்தி test device-ல் upload.

நீண்ட deployment சுழற்சிகள் இல்லை. Commit-லிருந்து சாதனத்தில் live சோதனை வரை: சுமார் 10 நிமிடங்கள்.

Testing and QA

சாத்தியமான அனைத்தையும் தானியங்காக்கினோம்.

• Unit சோதனைகள்: Jest + React Native Testing Library
• E2E: முக்கியமான ஓட்டங்களுக்கான Detox (உள்நுழைவு, வேலை ஏற்பு, புகைப்படப் பதிவேற்றம்)
• கைமுறை சோதனை: iOS-க்கு TestFlight, Android-க்கு உள் டிராக்
• பிழை கண்காணிப்பு: வெளியீட்டிற்கு முன் Sentry 12 பிழைகளைப் பிடித்தது

ஒரு உண்மையான உதாரணம்: Gallery-லிருந்து படங்களைத் தேர்ந்தெடுக்கும்போது Android-ல் crash. Sentry சரியான வரி எண்ணைத் தந்தது. 2 மணி நேரத்தில் சரி செய்யப்பட்டது.

பயன்பாடு மற்றும் வெளியீடு

Expo eas build தயாரிக்கப்பட்ட உற்பத்தி எளிமையானது.

Staged rollout பயன்படுத்தினோம்: முதல் நாள் 1% பயனர்கள், இரண்டாம் நாள் 10%, மூன்றாம் நாள் 100%.

பெரிய சிக்கல்கள் இல்லை. iOS 17-ல் ஒரு notification அனுமதிப் பிழை — ஒரு மணி நேரத்திற்குள் hotfix வெளியிடப்பட்டது.

Results and Metrics

செயலி 8வது வாரத்தில் வெளியானது.

• Drivers: முதல் மாதத்தில் 150 செயலில்
• Jobs processed: முதல் மாதத்தில் 3,200
• Photo uploads: 2,800
• Crash-free rate: 99.6% (Sentry தரவு)
• App Store rating: 4.7 stars
• அனுப்புநர் திருப்தி: 92% (உள் கணக்கெடுப்பு)

இரண்டு நேட்டிவ் செயலிகளை உருவாக்குவதை ஒப்பிடும்போது வாடிக்கையாளர் $40,000 சேமித்தார். அது ஒரு Forrester ஆய்வு மதிப்பீடு — cross-platform செலவை 30–50% குறைக்கிறது.

Lessons Learned

1. Start with Expo. அமைப்பில் இரண்டு வாரங்களை மிச்சப்படுத்தியது. Expo-வில் இல்லாத நேட்டிவ் தொகுதிகள் தேவைப்பட்டால், பின்னர் வெளியேறலாம்.
2. ஆஃப்லைன் பயன்முறையை முன்கூட்டியே திட்டமிடுங்கள். நாங்கள் அதை 4-வது வாரத்தில் சேர்த்தோம். 7-வது வாரம் வரை காத்திருந்திருந்தால், காலக்கெடுவைத் தவறவிட்டிருப்போம்.
3. உண்மையான சாதனங்களில் தினமும் சோதிக்கவும். சிமுலேட்டர்கள் பிழைகளைத் தவறவிடுகின்றன. ஒவ்வொரு நாளும் Expo Go-வுக்கு உருவாக்கங்களைத் தள்ளினோம்.
4. அதிகமாக வடிவமைக்காதீர்கள். Firebase மற்றும் Firestore பயன்படுத்தினோம். தனிப்பயன் பின்தளம் இல்லை. இது மேம்பாட்டு நேரத்தை 40% குறைத்தது.
5. ஒவ்வொரு 3 நாட்களுக்கும் வாடிக்கையாளர் கருத்து. மறுவேலையைத் தடுக்கிறது. குறுகிய வீடியோ டெமோக்களை அனுப்பினோம் — எழுத்து விவரக்குறிப்புகள் அல்ல.

Final Thoughts

8-வார cross-platform செயலி சாத்தியம். சரியான கருவிகள், உறுதியான காலவரிசை, தொடர் தொடர்பு தேவை.

React Native, Expo, Firebase மற்றும் GitHub Actions பயன்படுத்தினோம். ஒவ்வொரு தேர்வும் நேரத்தை மிச்சப்படுத்தியது.

உங்கள் வணிகத்திற்கு cross-platform செயலி கருதினால், தெளிவான timeline-ல் தொடங்குங்கள். feature creep தவிர்க்கவும். தெரிந்த framework பயன்படுத்துங்கள்.

logistics, retail மற்றும் healthcare-க்காக நாங்கள் இதைச் செய்துள்ளோம். ஒவ்வொரு திட்டமும் எங்களுக்குப் புதிதாக ஏதோ கற்றுக் கொடுத்தது.

உங்களுடையதை அதே வழியில் அனுப்புங்கள்

இதை நாங்கள் எவ்வாறு சரிபார்த்தோம் (செப்டம்பர் 2026): காலவரிசை, ஸ்டாக் மற்றும் இணைப்புகளைச் செப்டம்பர் 2026-இல் மறுசரிபார்த்தோம்; மேற்கோள் காட்டப்பட்ட புள்ளிவிவரங்கள் இந்த இடுகையில் கூறப்பட்ட வழக்கு-ஆய்வு அளவீடுகள்.

எட்டு வாரங்கள் என்பது ஒரு அமைப்பு, அதிர்ஷ்டமல்ல. இந்த வழிகாட்டிகள் அதன் பகுதிகளை உள்ளடக்குகின்றன:

• Next.js SEO: SSR vs ISR vs SSG — உங்கள் செயலி சந்தைப்படுத்தல் பக்கங்களுக்கான web-side ரெண்டரிங் அழைப்புகள்
• Next.js Core Web Vitals மேம்படுத்தல் — உங்கள் வெளியீட்டிற்குத் தேவையான வேக மதிப்பெண்களை எட்டுங்கள்
• RAG சாட்பாட் செயலாக்கம் — நீங்கள் வெளியிட்டதும் in-app பதில்களைச் சேர்க்கவும்

அடிக்கடி கேட்கப்படும் கேள்விகள்

1. 8 வாரங்களில் குறுக்கு-தள செயலியை உண்மையில் உருவாக்க முடியுமா?

ஆம், செயலி மிதமான சிக்கல்தன்மை கொண்டிருந்தால். 5–8 திரைகள், குறைந்தபட்ச நேட்டிவ் அம்சங்கள் மற்றும் நிலையான பின்தளம் கொண்ட செயலிகளுக்கு எங்கள் காலவரிசை பொருந்தும். சிக்கலான அனிமேஷன்கள் அல்லது வன்பொருள் ஒருங்கிணைப்புக்கு 2–3 வாரங்கள் சேர்க்கவும்.

2. குறுக்கு-தள மேம்பாட்டிற்கு எந்தக் கட்டமைப்பு வேகமானது: React Native அல்லது Flutter?

உங்கள் குழுவுக்கு JavaScript/TypeScript தெரிந்தால் React Native வேகமானது. Flutter-க்கு Dart கற்க வேண்டும். எங்கள் அனுபவத்தில், Expo உடன் React Native ஆரம்ப அமைப்பில் 1–2 வாரங்களை மிச்சப்படுத்துகிறது. செயல்திறன்-முக்கிய செயலிகளுக்கு (எ.கா., கிராபிக்ஸ்-கனமானவை), Flutter சிறந்ததாக இருக்கலாம்.

3. குறுக்கு-தள செயலியில் ஆஃப்லைன் பயன்முறையை எவ்வாறு கையாள்கிறீர்கள்?

We use redux-persist Redux நிலையை உள்ளூரில் இடைமாற்று செய்ய. வேலைகள் மற்றும் பயனர் தரவு AsyncStorage-இல் சேமிக்கப்படுகிறது. சாதனம் ஆஃப்லைனில் செல்லும்போது, செயலி இடைமாற்று தரவைப் படிக்கும். மீண்டும் ஆன்லைனுக்கு வந்ததும், ஒத்திசைவு வரிசை நிலுவை புதுப்பிப்புகளைத் தள்ளும்.

4. நேட்டிவ் மற்றும் கிராஸ்-பிளாட்ஃபார்ம் மேம்பாட்டிற்கு இடையேயான வழக்கமான செலவு வேறுபாடு என்ன?

According to a Forrester ஆய்வு, cross-platform மேம்பாட்டுச் செலவை 30–50% குறைக்க முடியும். எங்கள் வாடிக்கையாளருக்கு, சேமிப்பு $40,000. நீங்கள் ஒரு codebase-ஐ மட்டுமே புதுப்பிப்பதால் பராமரிப்பும் மலிவானது.

5. iOS மற்றும் Android இரண்டிலும் செயலி நன்றாகத் தோன்றுவதை எப்படி உறுதி செய்வது?

React Native-லிருந்து consistent component-களைப் பயன்படுத்தி, முற்றிலும் தேவையில்லாமல் platform-specific styling-ஐத் தவிர்க்கிறோம். இரு சாதனங்களிலும் தினமும் test செய்கிறோம். Expo-வின் universal build அதே code இரு தளங்களிலும் இயங்குவதை உறுதி செய்கிறது.

உங்கள் குறுக்குத்-தளச் செயலியை வேகமாக உருவாக்குங்கள்

உங்களுக்கு ஒரு காலக்கெடு உள்ளது. எங்களிடம் செயல்முறை உள்ளது.

At DG10 Agency, குறுக்கு-தளச் செயலி மேம்பாட்டில் நிபுணத்துவம் பெற்றவர்கள். நிரூபிக்கப்பட்ட 8-வார காலவரிசையைப் பின்பற்றுகிறோம். React Native, Expo, Firebase மற்றும் தானியங்கு CI/CD பயன்படுத்துகிறோம்.

வீண் பேச்சு இல்லை. தாமதம் இல்லை. இரண்டு store-களிலும் செயல்படும் app மட்டும்.

Contact us today உங்கள் திட்டத்தைத் தொடங்க. 48 மணி நேரத்திற்குள் உங்கள் தனிப்பயன் காலவரிசையை வரைவோம்.