دورة تمهيدية في برمجة الويب باستخدام لغة JavaScript و إطار العمل React

2 min read · July 26, 2026

📑 Table of Contents

• دورة تمهيدية في برمجة الويب باستخدام لغة JavaScript و إطار العمل React
• ما هو React؟
• ما هو Redux؟
• كيف نستخدم React Hooks؟
• دورة تمهيدية في برمجة الويب باستخدام لغة JavaScript و إطار العمل React: دليل موجه للمبتدئين
• الأسئلة الشائعة

دورة تمهيدية في برمجة الويب باستخدام لغة JavaScript و إطار العمل React

دورة تمهيدية في برمجة الويب باستخدام لغة JavaScript و إطار العمل React هي خطوة مهمة للمبتدئين الذين يرغبون في إنشاء تطبيقات الويب الحديثة والمجانية. في هذه الدورة، سنقدم لكم دليل موجه لاستخدام مكتبات Redux و React Hooks.

ما هو React؟

React هو إطار عمل مفتوح المصدر لإنشاء واجهات المستخدم. تم تطويره بواسطة شركة Facebook وتم إطلاقه في عام 2013.

• React يسمح لنا بإنشاء مكونات معاد استخدامها.
• React يقدم أداء سريع وثابت.
• React يدعم التطوير باستخدام أدوات مثل Webpack و Babel.

ما هو Redux؟

Redux هو مكتبة إدارة الحالة المفتوحة المصدر. تم تطويره بواسطة Dan Abramov و Andrew Clark.

Redux يسمح لنا بإنشاء مخزن للحالة وتحديثها بسهولة.

import { createStore } from 'redux';
   const store = createStore((state = { count: 0 }, action) => {
      switch (action.type) {
         case 'INCREMENT':
            return { count: state.count + 1 };
         case 'DECREMENT':
            return { count: state.count - 1 };
         default:
            return state;
      }
   });

كيف نستخدم React Hooks؟

React Hooks هي مجموعة من الوظائف التي تم إضافتها إلى React في الإصدار 16.8.

React Hooks تسمح لنا باستخدام الحالة والمETHODS في المكونات الوظيفية.

import { useState } from 'react';
   function Counter() {
      const [count, setCount] = useState(0);
      return (
         

            
Count: {count}
            
         
      );
   }

دورة تمهيدية في برمجة الويب باستخدام لغة JavaScript و إطار العمل React: دليل موجه للمبتدئين

المكتبة	الوصف	الخصائص
React	إطار عمل مفتوح المصدر لإنشاء واجهات المستخدم.	مكونات معاد استخدامها، أداء سريع، دعم التطوير باستخدام أدوات مثل Webpack و Babel.
Redux	مكتبة إدارة الحالة المفتوحة المصدر.	إنشاء مخزن للحالة، تحديث الحالة بسهولة.

لمزيد من المعلومات، يرجى زيارة موقع React و موقع Redux و موقع FreeCodeCamp.

الأسئلة الشائعة

ما هو React؟ React هو إطار عمل مفتوح المصدر لإنشاء واجهات المستخدم.

ما هو Redux؟ Redux هو مكتبة إدارة الحالة المفتوحة المصدر.

كيف نستخدم React Hooks؟ React Hooks هي مجموعة من الوظائف التي تم إضافتها إلى React في الإصدار 16.8.

📖 Related Articles

• استخدام مكتبة أوفتنسي لغة بايثون في بناء تطبيقات رؤية حاسوبية و معالجة الصور للمبتدئين
• Building a Simple Chatbot using Python and Natural Language Processing: A Beginner's Guide
• دليل المبتدئين لإنشاء نظام الكتروني لتعلم اللغة باستخدام تقنيات التعلم الآلي وتطبيقات الويب باستخدام لغة بايثون و إطار Flask

📚 Read More from Our Blog Network

crypto · automobile2 · automobile4 · automobile3 · automobile · movies80 · a · b · d · e

---

Published: 2026-07-26