.gif)
React NativeExpoTypeScriptHonoBunDrizzle ORMMobile
SelfTracker
تطبيق جوال بسيط وعالي الأداء لتتبع مقاييس النمو الشخصي (الوزن، التمارين، المهام) تم بناؤه باستخدام React Native و Hono.
الرؤية
كنت بحاجة إلى مكان موحد لتتبع مقاييس نموي الشخصي - الوزن، سجلات التمارين، ومهام الإنتاجية اليومية. التطبيقات الموجودة كانت إما معقدة للغاية أو مجزأة. كان هدفي بناء تطبيق جوال بسيط وعالي الأداء أستمتع باستخدامه يوميًا.
التحدي
تتبع التمارين والوزن على مدى سنوات ينشئ قوائم ضخمة من البيانات التي يمكن أن تبطئ واجهة المستخدم. كان التحدي هو ضمان أداء 60 إطارًا في الثانية حتى مع آلاف السجلات، وضمان الموثوقية في الصالات الرياضية ذات الإشارة الضعيفة.
- الأداء: تعاني القوائم العادية
FlatListمع السجلات الطويلة والمعقدة. - الاستخدام دون اتصال: كان التطبيق بحاجة للعمل بسلاسة دون اتصال بالإنترنت.
الحل
قمت بهندسة تطبيق جوال يركز على الأداء ويعمل دون اتصال أولاً:
- قائمة عالية الأداء: طبقت FlashList (من Shopify) لإعادة تدوير العروض بكفاءة.
- التنفيذ دون اتصال: استخدام
AsyncStorageوهندسة المحل أولاً (local-first) لتحديثات واجهة المستخدم الفورية. - حزمة حديثة: الاستفادة من Expo و React Native للواجهة الأمامية، و Bun مع Hono لواجهة خلفية فائقة السرعة.