webcodesk srv

WebCodesk هو تطبيق تم تثبيته كوحدة NPM. يتكون من جزأين: جزء من الخادم وجزء العميل. جزء الخادم هو تطبيق nodejs يجب أن يبدأ في سطر الأوامر على الكمبيوتر المحلي. يعمل جزء العميل في متصفح الويب.

يساعد WebCodesk المطور في إنشاء تطبيقات الويب باستخدام مكونات React UI. يحتوي على مجموعة من المحررين المرئيين حيث يمكن للمستخدم إنشاء مكونات واجهة المستخدم على الصفحات ، وإنشاء منطق تدفق البيانات بين مكونات واجهة المستخدم ، وتدفق بيانات التصحيح بصريًا.

مقدمة

اقرأ مقالة Hackernoon حول سبب إنشاء WebCodesk:

• لقد طورت أداة تطوير مرئية لتطبيقات الويب مع React

لرد المطورين

سوف تخبرك تجربتك أنك لا تحتاج إلى أي بناة بصرية لأنها محدودة في الوظائف ، غير موثوقة ، وكلها تمتص.

امنح WebCodesk فرصة ومحاولة إنشاء تطبيق خاص بك من صفحة واحدة ، أؤكد لك أنك لن ترغب أبدًا في كتابة الكثير من التعليمات البرمجية الإضافية.

• ليس عليك تعلم أي شيء جديد. بدلاً من ذلك ، لن تكتب أي رمز غير ضروري لـ Redux.

• لا يقوم WebCodesk بإنشاء رمز. يستخدم إطارًا صغيرًا موثوقًا به. دليل الموثوقية هو حقيقة أن الإطار يستخدم داخل WebCodesk نفسه.

كيف تعمل

يتم الحصول على كل مشروع لـ WebCodesk عن طريق Create-React-App. بالإضافة إلى ذلك ، تتم إضافة React-App-Framework ، وهي مكتبة مصممة لـ WebCodesk ، إلى رمز المشروع.

يحتوي المشروع على ملفات التكوين التي يتم تغذيتها إلى إطار تطبيق React. ينشئ الإطار بدوره صفحات وطرق ، ويجعل حاويات لإعادة التدوير من مكونات React البسيطة.

ثم يربط الإطار الحاويات بسلاسل الإجراءات ، تمامًا كما تفعل ذلك باستخدام إجراءات Redux.

تكوين الإطار معقد بما يكفي لكتابته يدويًا. لذلك يتيح لك WebCodesk إنشاء وتحريره مع المحررين المرئيين:

• محرر الصفحة
• محرر مخطط التدفق

كل ما عليك فعله هو كتابة مكونات ووظائف رد الفعل.

تثبيت

• تشغيل الأوامر في سطر الأوامر واحد تلو الآخر.

 > npx @webcodesk/install-webcodesk <new-project-name-dir>

> cd ./<new-project-name-dir>

> yarn wcd

• افتح WebCodesk في المتصفح:

 http://localhost:7070

• اختر أي مشروع في السوق

• افتح الآن رمز المصدر للمشروع في IDE المفضل لديك

من الأفضل أن تبدأ مستودع رمز المصدر قبل إعداد مساحة عمل المشروع في IDE. على سبيل المثال ، يرجى قراءة التعليمات حول كيفية القيام بذلك من أجل Github Repo: إضافة مشروع موجود إلى github باستخدام سطر الأوامر

يرقي

• انتقل إلى أوامر Project Dir and Run في سطر الأوامر واحدًا تلو الآخر.

 > yarn remove @webcodesk/webcodesk-srv

> yarn add @webcodesk/webcodesk-srv -D -E

الوثائق

في دليل المستخدم ، ستجد تفاصيل فنية حول كيفية إنشاء مكونات ووظائف وكيفية استخدامها لإنشاء تطبيق.

• دليل المستخدم

مساهمة

أنا منفتح تمامًا على طلبات الميزات الجديدة ، أو أي عمل تريد القيام به. ولكن دعونا نناقش الميزة في مشكلة جديدة مع الوصف التفصيلي قبل إنشاء العلاقات العامة الجديدة.

• مدونة لقواعد السلوك

مجتمع

إذا كنت بحاجة إلى أي مساعدة أو تريد أن يقوم شخص ما بإعداد مساحة العمل معك وجعلك تتخطى التعليمات البرمجية في IDE ، فلا تخف من التحدث!

رخصة

GNU GPLV3

حقوق الطبع والنشر (C) 2019 Alex Pustovalov

• نسخ