كيفية إطلاق تطبيقات React : رؤية تفصيلية

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

العديد من شركات تطوير الـ Front End تستخدم React لتطوير البرامج. إن  نشر التطبيقات يهدف لإتاحة الوصول لها من خلال شبكة الانترنت. نناقش في هذا المقال الطرق المختلفة لنشر تطبيقات React ، بيئة نشرها واختبارها. هناك العديد من المقالات تشرح تطوير تطبيقات React. سنذكر الخطوات بالتفصيل بناءً على تجربتنا والخيارات المختلفة لعملية التطوير. المقال يفترض وجود حزمة ويب (webpack module…

أكمل القراءة

الدليل الكامل للنماذج (forms) في React

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

نماذج الإدخال مفيدة جداً في أي تطبيق ويب. على خلاف angular  و angularjs، والتي تعطي النماذج أحقية خارج الصندوق. عليك أن تتعامل مع نماذج الإدخال بنفسك في React. وقد أدى ذلك إلى العديد من التعقيدات مثل كيفية الحصول على قيم النموذج، وكيف يمكنني إدارة حالة (state) النموذج، وكيف يمكنني التحقق من صحة النموذج على الفور وإظهار رسائل التحقق من الصحة….

أكمل القراءة

Npm مقابل Yarn

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

عادة ما يتم وضع المطورين في حيرة عند اختيارهم بين مديري الحزم ليتم استخدامها في بناء وإدارة اعتمادات المشروع. ويوجد مديران للحزمة مشهورين في بيئة التطوير  وهما NPM اختصار لـ(Node package manager) وتعني مدير حزمة العقدة، و Yarn (مدير الحزم الذي أنشأه موقع فيس بوك). سوف ننظر إلى مديري الحزم هؤلاء جنباً إلى جنب مع الأخذ في الاعتبار الميزات التالية:…

أكمل القراءة

نماذج React.js: المركبات التي يتم التحكم فيها (controlled component)

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

المقال يغطي المركبات التي يتم التحكم فيها (controlled component) التالية:  المدخلات النصية (text inputs). المدخلات الرقمية (number inputs). الأزرار الاختيارية (radio buttons)  مدخلات صندوق الاختيار (checkbox inputs) مدخلات المساحة النصية (textarea)  الاختيارات (selects) وتم تغطية أيضاً:  إعادة تعيين بيانات النموذج إعتماد البيانات  كود التحقق (validation) فقط تريد الكود؟ إنه هنا  راجع النموذج التجريبي تأكد من أن لوحة الأوامر في متصفحك…

أكمل القراءة

Functional مقابل Class-Components في React

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

في هذه المقالة أريد أن أريكم الاختلافات بين functional و  class -component في React ومتى يجب أن تختار أيا منها. ولكن اسمحوا لي أولاً أن أقدم لكم مقدمة موجزة عن عناصر React من الوثائق: أبسط طريقة لتعريف مركب في React هي عن طريق كتابة دالة في  JavaScript: هي مجرد دالة تقبل الخصائص props وتُرجع عنصر React، لكن أيضاً يمكنك استخدام…

أكمل القراءة

React Props (state)مقابل الحالة

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

ما هو الـProps؟ ما هي الحال (state)؟ هل يجب أن أستخدم props أو الحالة (state)؟ ما تأثير ذلك؟ ما الفرق بين props وstate؟ هل لديك هذا النوع من الأسئلة حين بدأت العمل بـReact؟ أجل؟ دعني أخبرك بشيء، هذه كلها أسئلة ذات صلة ووضوح، هذه المفاهيم سوف يُؤتي ثمارها على المدى البعيد أثناء العمل مع React. هيا نبدأ بالأساسيات ! ما…

أكمل القراءة

4 طرق لاستخدام CSS في react

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

هذا هو الجزء الرابع من مقالات React. انظر لمقدمة react.js هنا هناك أربعة خيارات مختلفة استخدام CSS في  React. يعتمد كل هذا على ما تفضله شخصياً ويعتمد أيضاً على مدى تعقيد تطبيقك. إذا كنت تريد إضافة القليل من خصائص التصميم، فإن كتابة الخصائص في السطر (inline styling) هو الخيار الأفضل. عندما تريد إعادة إستخدام خصائص التصميم في نفس الملف، فإن…

أكمل القراءة

فئات(classes) JavaScripts – تحت غطاء المحرك

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

إن فئات (classes) JavaScript ليست سوى مجرد تكتيك أساسه نماذج أولية قائمة على التوريث ودوال البناء. ولكي نفهم الفكرة من فئات JS (JS classes)، نحتاج إلى فهم دوال البناء والنماذج الأولية والمفاهيم الأخرى ذات الصلة. دوال البناء (Constructor) بما أن Javascript هي لغة برمجة وظيفية (functional) حيث كل شيء هو مجرد دالة، من أجل أن يكون هناك فئة (class) مثل…

أكمل القراءة

استخدام دوال HTTP لخدمات RESTful

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

REST اختصار لـ(REpresentational State Transfer)،  وتعني نقل الحالة المعروضة. و هو تصميم لتطوير خدمات الويب. إن الفائدة الرئيسية لاستخدام REST، من منظور العميل (client) والخادم (server)، هي أن التفاعلات القائمة على REST تحدث باستخدام قواعد مألوفة لكل من اعتاد على استخدام بروتوكول HTTP الخاص بالإنترنت. بعد أن قلت ذلك، واحدة من أصعب المهام في REST هي إختيار الطرق الصحيحة. نحن…

أكمل القراءة

ما هو REST— تفسير بسيط للمبتدئين، الجزء 2: قيود REST

كتب بواسطة: | Uncategorized | لا يوجد تعليقات

هذا هو الجزء 2 من مقالتين تشرح المفاهيم الأساسية لـ REST. يشرح هذا الجزء 6 قيود لـ REST. اقرأ الجزء 1 هنا. ولكي يكون برنامج برمجة التطبيقات (API) في RESTful يتعين عليه الالتزام ب 6 قيود: واجهة موحدة (Uniform interface) الفصل بين الخادم والعميل (Client — server separation) عديم الحالة (Stateless) نظام الطبقات (Layered system) قابل للتخزين المؤقت (Cacheable) تواجد…

أكمل القراءة