عندما بدأت تعلم React لأول مرة، قال أستاذي: "JavaScript هي برمجة ضرورية، في حين أن React هي برمجة تعريفية." ومع ذلك، لم يكن هذا منطقيًا تمامًا بالنسبة لي في البداية. لذلك، قررت تقسيمها لفهم الفرق بشكل أفضل.

مقارنة البرمجة الحتمية والتصريحية مع البيتزا؟

لتسهيل التصور، دعونا نقارن بين هذين الطريقتين للطهي.

تشبيه البرمجة الحتمية:

الأمر أشبه بإعطاء الشيف تعليمات خطوة بخطوة حول كيفية تحضير البيتزا؟.

تشبيه البرمجة التصريحية:

الأمر أشبه بطلب البيتزا دون القلق بشأن الخطوات اللازمة لتحضير البيتزا؟.

ما هي البرمجة الحتمية؟

البرمجة الحتمية هي أسلوب يحدد فيه المطور بشكل واضح كيفية تنفيذ مهمة معينة . أنت تكتب الخطوات الخاصة بكيفية تحديث واجهة المستخدم.

مثال: إضافة نص إلى علامة h1 في HTML

const h1Element = document.createElement('h1');
h1Element.textContent = 'Hello, World!';
document.body.appendChild(h1Element);

في هذا الكود،

1. إنشاء عنصر h1 يدويًا
2. تحديد محتوى النص
3. إلحاقه بالصفحة تتم كتابة كل خطوة على حدة. هذه هي السمة المميزة للبرمجة الحتمية، حيث يجب على المطور أن يحدد بوضوح ما يجب أن يفعله الكمبيوتر وكيف ينبغي القيام به.

ما هي البرمجة التصريحية؟

في المقابل، تركز البرمجة التعريفية على ما تريد تحقيقه، دون تحديد كيفية القيام بذلك. النظام يتعامل مع التفاصيل نيابة عنك.

مثال: إضافة نص إلى علامة h1 (باستخدام React)

function App() {
  return (
    
Hello, World!
  );
}

في هذا المثال، أنت ببساطة تعلن عن عنصر h1 بالنص "Hello, World!" يجب أن تظهر. تتم معالجة تفاصيل كيفية إضافتها إلى DOM بواسطة React. ما عليك سوى تحديد ما تريد أن يحدث على الصفحة، مما يجعل البرمجة التعريفية أكثر وضوحًا وكفاءة من النهج الحتمي.

خاتمة

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

تسمح المكتبات التعريفية مثل React للمطورين بالتعبير عن منطق واجهة المستخدم المعقد بعبارات أبسط وأكثر قابلية للإدارة، مما يجعل عملية التطوير أسرع وأكثر سهولة.

المرجع: البرنامج التعليمي Next.js

تم الرجوع إلى تشبيه البيتزا من البرنامج التعليمي Next.js