چهارشنبه ۰۶ مهر ۰۱ ۱۵:۲۲ ۱۱ بازديد
خطای tal و از کار افتادن برنامه بدون هیچ نشانه ای از اشتباه رخ داده است. این یک تجربه کاربری وحشتناک است و ما هیجان زده هستیم که از آن دور شویم.
نسخه اولیه Expo Router فقط سطح واکشی داده ها و مدیریت خطا را خراش می دهد، در نسخه بعدی بیشتر در این مورد. ما از ابتدا آن را در نظر گرفته‌ایم، زیرا در طراحی چارچوب یکپارچه است و می‌خواهیم اطمینان حاصل کنیم که توسعه‌دهندگان را در سیستمی که نتواند این ویژگی‌ها را در آینده مدیریت کند، قفل نمی‌کنیم.
سایت سفارش طراحی سایت با بهترین طراحان سایت
مثال
در زیر یک مثال ساده
از انتقال یک برنامه تک صفحه ای از محبوب ترین کتابخانه ناوبری React Native، React Navigation است.
Expo Router بر روی React Navigation ساخته شده است و انتقال برنامه های React Native موجود به مسیریابی مبتنی بر سیستم فایل را آسان تر می کند.
بدون نیاز به دیگ بخار! اکنون برنامه‌ها چندین نقطه ورودی ثابت دارند که به ابزارها امکان می‌دهد در مورد ساختار برنامه شما استدلال کنند و در پشت صحنه بهینه‌سازی‌هایی انجام دهند.
❌ قبل از اکسپو روتر
برای اختصار، مراحل نصب وابستگی و مراحل بومی Xcode/Android Studio را که هنگام کار بدون Expo لازم است حذف کرده‌ام. این مثال همچنین دلیلی برای پنهان کردن صفحه چلپ چلوپ پس از نصب ناوبری ندارد.
ابتدا باید یک جزء صفحه نمایش ایجاد کنید:
app/home.js
سپس یک فایل ناوبری:
./App.js
در نهایت یک فایل ورودی برای ثبت کامپونت ریشه ایجاد کنید:
index.js
✅ روتر بعد از اکسپو
index.js و App.js را حذف کنید - به سادگی یک فایل در فهرست برنامه ایجاد کنید و یک جزء React را صادر کنید. این چارچوب، ناوبری و پیوندهای عمیق را در حافظه، فوراً با Fast Refresh ایجاد می‌کند!
متلب انجام پروژه متلب با بهترین متخصصان متلب
app/home.js
می توانید برنامه را با npx expo start راه اندازی کنید و از مسیر home / در هر دستگاهی بازدید کنید. توصیه می کنم از uri-scheme برای آزمایش لینک های عمیق در iOS و Android استفاده کنید. همچنین می توانید برای رسیدن به نقشه سایت (فقط توسعه) به /__index بروید:
بازگشت به عقب شاخص آپاچی
همانطور که می توانید تصور کنید، این به خوبی مقیاس می شود و نگهداری آن بسیار آسان است. شما می توانید هر تعداد صفحه که می خواهید ایجاد کنید و چارچوب ساختار پیوند را به روشی قابل اعتماد در خود جای می دهد. راهنمای نصب رسمی را اینجا ببینید.
برخی از تنظیمات اضافی موقت در طول بتا وجود دارد که نیاز به استفاده از یک افزونه babel اضافی دارد. این در نسخه رسمی از بین خواهد رفت.
اگر به مسیری پیمایش می‌کنید که مطابقت ندارد، رفتار پیش‌فرض این است که یک پاسخ 404 esque داشته باشید که کاربر را قادر می‌سازد تا به مسیر ریشه برگردد / - این می‌تواند با استفاده از یک مسیر پویا عمیق سطح بالا جایگزین شود.
صفحات مجازی یک موضوع تکراری دارند.
درخواست نظرات
ما مشتاقیم که بتای اولیه روتر Expo را امروز با شما به اشتراک بگذاریم. ما می‌خواهیم بازخورد شما را بشنویم و به ما کمک کنید تا مرزهای ممکن را کنار بگذاریم!
ما به دنبال بازخورد در مورد موارد زیر هستیم:
طراحی API: به طور خاص روتینگ قرارداد و طرح بندی API. ما می خواهیم مطمئن شویم که API بصری و آسان برای استفاده است.
ابزار و گردش کار: ما می خواهیم مطمئن شویم که ابزار سریع و آسان برای استفاده است. ما همچنین می‌خواهیم مطمئن شویم که گردش کار بصری و قابل درک است، این امر به‌ویژه برای پیمایش URLها در یک دستگاه بومی که در آن نوار URL وجود ندارد، صادق است.
عملکرد: ما می خواهیم مطمئن شویم که برنامه سریع و قابل اعتماد است. ما همچنین می خواهیم مطمئن شویم که برنامه کوچک و سبک است. ما در حال حاضر بر روی «ساخت آن به کار» تمرکز کرده‌ایم، با ویژگی‌های «سرعت ساختن» مانند تقسیم کردن بسته‌ها، و مرزهای تعلیق که در نسخه‌های بعدی عرضه می‌شوند. روتر مبتنی بر سیستم فایل ابزار ما را قادر می‌سازد تا بسیاری از بهینه‌سازی‌های عملکرد را در پشت صحنه پیاده‌سازی کند، بدون اینکه در آینده نیازی به اصلاح مجدد داشته باشیم.
طراحی لوگو حرفه ای با بهترین طراح لوگو در فریلنس لوگو
با تشکر ویژه
این بتا بدون کمک برخی از توسعه دهندگان با استعداد ممکن نبود:
Moti Zilberman • باندلر مترو در Meta.
Brent Vatne & Satyajit Sahoo • Expo / React Navigation.
چارلی چیور • اکسپو / طرفدار پی اچ پی.
بخش‌هایی از API عمومی یک نسخه بومی‌شده از چارچوب‌های وب محبوب Remix (مسیرهای تودرتو) و Next.js (قراردادهای فایل) هستند. با الهام از API اضافی از SvelteKit (گروه ها → قطعات) و Redwood (مرزهای خطا مشابه سلول ها هستند). هر چیزی که باقی مانده از PHP الهام گرفته شده است. من سعی کردم تا حد ممکن احساس API را برای توسعه دهندگانی که تجربه قبلی استفاده از چارچوب های React را دارند آشنا نگه دارم.
با تشکر برای خواندن
برای شروع، به مستندات Expo Router مراجعه کنید. لطفاً اشکالات و مشکلات موجود در مخزن Expo Router GitHub را گزارش کنید.
نسخه اولیه Expo Router فقط سطح واکشی داده ها و مدیریت خطا را خراش می دهد، در نسخه بعدی بیشتر در این مورد. ما از ابتدا آن را در نظر گرفته‌ایم، زیرا در طراحی چارچوب یکپارچه است و می‌خواهیم اطمینان حاصل کنیم که توسعه‌دهندگان را در سیستمی که نتواند این ویژگی‌ها را در آینده مدیریت کند، قفل نمی‌کنیم.
سایت سفارش طراحی سایت با بهترین طراحان سایت
مثال
در زیر یک مثال ساده
از انتقال یک برنامه تک صفحه ای از محبوب ترین کتابخانه ناوبری React Native، React Navigation است.
Expo Router بر روی React Navigation ساخته شده است و انتقال برنامه های React Native موجود به مسیریابی مبتنی بر سیستم فایل را آسان تر می کند.
بدون نیاز به دیگ بخار! اکنون برنامه‌ها چندین نقطه ورودی ثابت دارند که به ابزارها امکان می‌دهد در مورد ساختار برنامه شما استدلال کنند و در پشت صحنه بهینه‌سازی‌هایی انجام دهند.
❌ قبل از اکسپو روتر
برای اختصار، مراحل نصب وابستگی و مراحل بومی Xcode/Android Studio را که هنگام کار بدون Expo لازم است حذف کرده‌ام. این مثال همچنین دلیلی برای پنهان کردن صفحه چلپ چلوپ پس از نصب ناوبری ندارد.
ابتدا باید یک جزء صفحه نمایش ایجاد کنید:
app/home.js
سپس یک فایل ناوبری:
./App.js
در نهایت یک فایل ورودی برای ثبت کامپونت ریشه ایجاد کنید:
index.js
✅ روتر بعد از اکسپو
index.js و App.js را حذف کنید - به سادگی یک فایل در فهرست برنامه ایجاد کنید و یک جزء React را صادر کنید. این چارچوب، ناوبری و پیوندهای عمیق را در حافظه، فوراً با Fast Refresh ایجاد می‌کند!
متلب انجام پروژه متلب با بهترین متخصصان متلب
app/home.js
می توانید برنامه را با npx expo start راه اندازی کنید و از مسیر home / در هر دستگاهی بازدید کنید. توصیه می کنم از uri-scheme برای آزمایش لینک های عمیق در iOS و Android استفاده کنید. همچنین می توانید برای رسیدن به نقشه سایت (فقط توسعه) به /__index بروید:
بازگشت به عقب شاخص آپاچی
همانطور که می توانید تصور کنید، این به خوبی مقیاس می شود و نگهداری آن بسیار آسان است. شما می توانید هر تعداد صفحه که می خواهید ایجاد کنید و چارچوب ساختار پیوند را به روشی قابل اعتماد در خود جای می دهد. راهنمای نصب رسمی را اینجا ببینید.
برخی از تنظیمات اضافی موقت در طول بتا وجود دارد که نیاز به استفاده از یک افزونه babel اضافی دارد. این در نسخه رسمی از بین خواهد رفت.
اگر به مسیری پیمایش می‌کنید که مطابقت ندارد، رفتار پیش‌فرض این است که یک پاسخ 404 esque داشته باشید که کاربر را قادر می‌سازد تا به مسیر ریشه برگردد / - این می‌تواند با استفاده از یک مسیر پویا عمیق سطح بالا جایگزین شود.
صفحات مجازی یک موضوع تکراری دارند.
درخواست نظرات
ما مشتاقیم که بتای اولیه روتر Expo را امروز با شما به اشتراک بگذاریم. ما می‌خواهیم بازخورد شما را بشنویم و به ما کمک کنید تا مرزهای ممکن را کنار بگذاریم!
ما به دنبال بازخورد در مورد موارد زیر هستیم:
طراحی API: به طور خاص روتینگ قرارداد و طرح بندی API. ما می خواهیم مطمئن شویم که API بصری و آسان برای استفاده است.
ابزار و گردش کار: ما می خواهیم مطمئن شویم که ابزار سریع و آسان برای استفاده است. ما همچنین می‌خواهیم مطمئن شویم که گردش کار بصری و قابل درک است، این امر به‌ویژه برای پیمایش URLها در یک دستگاه بومی که در آن نوار URL وجود ندارد، صادق است.
عملکرد: ما می خواهیم مطمئن شویم که برنامه سریع و قابل اعتماد است. ما همچنین می خواهیم مطمئن شویم که برنامه کوچک و سبک است. ما در حال حاضر بر روی «ساخت آن به کار» تمرکز کرده‌ایم، با ویژگی‌های «سرعت ساختن» مانند تقسیم کردن بسته‌ها، و مرزهای تعلیق که در نسخه‌های بعدی عرضه می‌شوند. روتر مبتنی بر سیستم فایل ابزار ما را قادر می‌سازد تا بسیاری از بهینه‌سازی‌های عملکرد را در پشت صحنه پیاده‌سازی کند، بدون اینکه در آینده نیازی به اصلاح مجدد داشته باشیم.
طراحی لوگو حرفه ای با بهترین طراح لوگو در فریلنس لوگو
با تشکر ویژه
این بتا بدون کمک برخی از توسعه دهندگان با استعداد ممکن نبود:
Moti Zilberman • باندلر مترو در Meta.
Brent Vatne & Satyajit Sahoo • Expo / React Navigation.
چارلی چیور • اکسپو / طرفدار پی اچ پی.
بخش‌هایی از API عمومی یک نسخه بومی‌شده از چارچوب‌های وب محبوب Remix (مسیرهای تودرتو) و Next.js (قراردادهای فایل) هستند. با الهام از API اضافی از SvelteKit (گروه ها → قطعات) و Redwood (مرزهای خطا مشابه سلول ها هستند). هر چیزی که باقی مانده از PHP الهام گرفته شده است. من سعی کردم تا حد ممکن احساس API را برای توسعه دهندگانی که تجربه قبلی استفاده از چارچوب های React را دارند آشنا نگه دارم.
با تشکر برای خواندن
برای شروع، به مستندات Expo Router مراجعه کنید. لطفاً اشکالات و مشکلات موجود در مخزن Expo Router GitHub را گزارش کنید.
- ۰ ۰
- ۰ نظر