Redux
المرجع العربي الشامل
دليل متكامل لتعلم إدارة حالة تطبيقات React باستخدام Redux من الصفر وحتى الاحتراف
import { configureStore } from '@reduxjs/toolkit'
import rootReducer from './reducers'
const store = configureStore({
reducer: rootReducer
})
export default store
import { createSlice } from '@reduxjs/toolkit'
const counterSlice = createSlice({
name: 'counter',
initialState: 0,
reducers: {
increment: state => state + 1,
decrement: state => state - 1
}
})
لماذا Redux؟
تعرف على المزايا الرئيسية التي تجعل Redux خيارًا مثاليًا لإدارة حالة تطبيقات React
قابلية التنبؤ
تضمن Redux تدفق بيانات أحادي الاتجاه وسلوكًا يمكن التنبؤ به من خلال تقييد عمليات تحديث الحالة.
قابلية التوسع
تعمل Redux بشكل جيد مع تطبيقات متوسطة إلى كبيرة الحجم وتدعم أنماط تطوير قوية لتنظيم الكود.
أداء عالي
تم تصميم Redux للأداء العالي وتحسين عمليات إعادة العرض في React من خلال آليات اتصال ذكية.
ماذا ستتعلم
مسار تعليمي شامل لإتقان Redux من المفاهيم الأساسية حتى التقنيات المتقدمة
مفاهيم Redux الأساسية
تعلم المبادئ الأساسية لـ Redux والفلسفة خلفه: Store و Actions و Reducers.
قراءة المزيددمج Redux مع React
استخدام React Redux لربط مكونات React مع مخزن Redux بشكل فعال.
قراءة المزيدRedux Toolkit
استخدام Redux Toolkit لتبسيط تطوير Redux وتقليل الأكواد المتكررة.
قراءة المزيدمشاريع متكاملة
تطبيق المعرفة من خلال بناء مشاريع واقعية كاملة مع Redux و React.
قراءة المزيداختبر معرفتك مع التمارين التفاعلية
تطبيق ما تعلمته من خلال مجموعة من التمارين والتحديات لتعزيز فهمك لـ Redux
ابدأ التمارين الآنانضم إلى مجتمع APIClub
كن جزءًا من مجتمع المطورين المتحمسين للتعلم ومشاركة المعرفة
اشترك في النشرة البريدية
احصل على آخر التحديثات والنصائح حول Redux و React في بريدك الإلكتروني