تعمل JetBrains على جلب Jetpack Compose، إطار عمل التصميم التعريفي من Google لنظام Android، إلى الويب. إنها متاحة كمعاينة اليوم.
في السنوات القليلة الماضية، كانت هناك دفعة كبيرة جدًا لتطوير البرامج عبر الأنظمة الأساسية. تم إنشاء أطر عمل مثل React وFlutter للسماح للمطورين بمشاركة قاعدة تعليمات برمجية واحدة عبر Android وiOS وسطح المكتب وحتى الويب. حتى شركة JetBrains، الشركة التي تقف وراء بعض أشهر بيئات التطوير المتكاملة (IDEs) ولغة برمجة Kotlin، كانت تعمل على التطوير عبر الأنظمة الأساسية. أولاً مع Kotlin Multiplatform ولكن مؤخرًا مع Jetpack Compose.
منذ فترة، قامت JetBrains بنقل Jetpack Compose، وهو إطار عمل التصميم التعريفي من Google لنظام Android، إلى سطح المكتب. سمح هذا بتطوير سطح المكتب عبر الأنظمة الأساسية استنادًا إلى JVM الخاص بـ Java. باستخدام Jetpack Compose، يمكنك إنشاء تطبيق لأنظمة Android وmacOS وWindows وحتى Linux، كل ذلك من قاعدة تعليمات برمجية واحدة. ولكن إلى جانب نظام التشغيل iOS، هناك منصة كبيرة جدًا مفقودة من Compose: الويب.
لكن هذا على وشك التغيير. لدى JetBrains مطلق سراحه ما يسمونه معاينة تقنية Jetpack Compose للويب.
الآن، يعد Technology Preview في الأساس اسمًا رائعًا لمرحلة ما قبل ألفا. إن ميزة Compose for Web ليست جاهزة للاستخدام في الإنتاج. لا توجد برامج تعليمية، والوثائق قليلة جدًا، وواجهات برمجة التطبيقات ليست قريبة من الاكتمال. ومع ذلك، دعونا نرى ما يقدمه Compose for Web حتى الآن.
في الإصدار الحالي، هناك طريقتان يمكنك من خلالهما التطوير في Compose for Web: استخدام DOM API، أو استخدام أدوات Compose الحالية، مثل Column أو Text.
إذا كنت تستخدم DOM API، فسيكون لديك أسماء API تمثل عناصر HTML المختلفة، مثل ص, أ، وما إلى ذلك وهلم جرا. الفرق الكبير بين Compose وKotlin JS الكلاسيكي هو أنه يمكنك استخدام التصميم التعريفي المستند إلى الحالة. يبدو هذا الخيار بمثابة جسر بين تطوير الويب الكلاسيكي وتطوير واجهة المستخدم التعريفية الكاملة. علاوة على إنشاء تخطيط، يتيح لك Compose for Web أيضًا إنشاء أوراق أنماط ديناميكية تعتمد على الحالة.
الخيار الثاني هو ما سيبدو مألوفًا أكثر لمطوري Android وCompose. هناك مكونات معدة مسبقًا، مثل العمود والصف وشريط التمرير، والتي يمكنك استخدامها لإنشاء واجهة مستخدم الويب. في الوقت الحالي، هذه ليست كاملة تمامًا ولم يتم تنفيذ الأنماط والخيارات بالكامل. ولكنه على الأقل يعطينا فكرة عما يخبئه JetBrains لـ Compose for Web.
بشكل عام، في الوقت الحالي، لا يوجد الكثير حقًا للإنشاء للويب. لا يزال في حاله جداً الأيام الأولى. ولكن يمكن أن يعني الكثير بالنسبة للمستقبل. شخصيًا، باعتباري مطور Android، واجهت مشكلة في الدخول إلى أطر التخطيط المستندة إلى المتصفح. يمكن أن تكون لغة HTML وCSS الأساسية غير متقنة، ولا تزال صيغ React وFlutter تعتمد على تصميم HTML.
تعد لغة التصميم كاملة الميزات ومتعددة المنصات والتي لا تعتمد على مبادئ تصميم الويب أمرًا مثيرًا للغاية. في حين أن Jetpack Compose لا يزال أمامه طريق طويل لنقطعه، فإن ما خططت له JetBrains قد يعني الكثير لمستقبل تصميم واجهة المستخدم.
إذا كنت تريد معرفة المزيد حول Compose for Web، تحقق من إعلان JetBrains. إذا كنت مهتمًا بتجربة التنفيذ الحالي، توجه إلى مستودع GitHub.