معالجة خطأ عند إستعمال redux

محمود سعداوي2 · 20 أغسطس 2023

السلام عليكم

في الكود التالي لماذا لم تم شطب createStore

import { createStore, applyMiddleware } from 'redux'
import { composeWithDevTools } from 'redux-devtools-extension'
import thunk from 'redux-thunk'
import rootReducer from './reducers/index'

const initialState = {}

const middleware = [thunk]

const store = createStore(
    rootReducer,
    initialState,
    composeWithDevTools(applyMiddleware(...middleware))
)

export default store;

شكرا

Mustafa Suleiman · 20 أغسطس 2023

بسبب أن createStore أصبحت غير مدعومة أي deprecated والكود سيعمل بدون مشكلة لكن كتحذير فقط ومن الأفضل استخدم Redux Toolkit بدلاً من Redux.

وإذا أردت استيراد createStore فعليك استيرادها بالشكل التالي:

import { legacy_createStore as createStore } from 'redux';

و Redux Toolkit هو نهج موصى به لكتابة منطق Redux حاليًا، بما في ذلك إعداد المخزن (store)، والمنشئين (reducers)، واسترجاع البيانات، والمزيد.

حيث أن Redux Toolkit يقدم واجهة برمجة التطبيق (API) تُسمى configureStore والتي هي النسخة المحسنة من createStore والتي تبسط عملية إعداد المخزن وتساعد في تجنب الأخطاء الشائعة، وconfigureStore تكون بمثابة غمد (wrapper) حول واجهة البرمجة الأساسية لـ Redux وهي createStore، وتتولى الكثير من عمليات إعداد المخزن تلقائيًا، كالتالي:

import { configureStore } from "@reduxjs/toolkit";

https://redux.js.org/tutorials/fundamentals/part-8-modern-redux#using-configurestore

Mustafa Suleiman · 20 أغسطس 2023

ما المشكلة التي تحدث معك؟

محمود سعداوي2 · 20 أغسطس 2023

بتاريخ 2 دقائق مضت قال Mustafa Suleiman:

ما المشكلة التي تحدث معك؟

Capture.JPG.c203d74c32b0c668885912c58595f397.JPG

كأنه لم يتعرف على createStore

معالجة خطأ عند إستعمال redux

السؤال

محمود سعداوي2

3 أجوبة على هذا السؤال

Recommended Posts

Mustafa Suleiman

Mustafa Suleiman

محمود سعداوي2

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية