close

Redux میں کا تعارف Next.js: شروع کرنا

Redux ایک طاقتور اسٹیٹ مینجمنٹ لائبریری ہے جو ری ایکٹ ایپلیکیشن کی حالت کو منظم کرنے میں اہم کردار ادا کرتی ہے۔ جب کے ساتھ ملایا جائے تو Next.js ، سرور سائیڈ رینڈرنگ اور ری ایکٹ ایپلی کیشنز بنانے کے لیے ایک مقبول فریم ورک، Redux آپ کے پروجیکٹس میں ڈیٹا اور اسٹیٹمنٹ کو ہینڈل کرنے کے طریقے کو بہت بہتر بنا سکتا ہے۔ اس مضمون میں، ہم شروع سے شروع کرتے ہوئے، Redux میں انضمام کے بنیادی اصولوں کو سمجھنے کے لیے ایک سفر کا آغاز کریں گے ۔ Next.js

شرطیں

Redux میں انضمام میں غوطہ لگانے سے پہلے Next.js ، React اور JavaScript کی بنیادی سمجھ حاصل کرنا ضروری ہے۔ کے بنیادی تصورات سے واقفیت Redux فائدہ مند ہو گی، لیکن لازمی نہیں۔

قائم کرنے Redux

  1. انحصار انسٹال کریں: Next.js آفیشل کمانڈ لائن ٹول کا استعمال کرتے ہوئے ایک نیا پروجیکٹ بنا کر شروع کریں ۔ پھر، یا کا استعمال کرتے ہوئے ضروری Redux پیکیجز انسٹال کریں ۔ npm yarn

  2. اسٹور بنائیں Redux: اپنے پروجیکٹ کی جڑ میں، نام کی ایک نئی ڈائریکٹری بنائیں store ۔ index.js اس ڈائرکٹری کے اندر، اپنے Redux اسٹور کو کنفیگر کرنے کے لیے ایک فائل بنائیں ۔ سے مطلوبہ افعال درآمد کریں Redux اور اس کے ساتھ اپنا اسٹور بنائیں createStore() ۔

  3. کم کرنے والوں کی وضاحت کریں: ڈائرکٹری میں ہر ریڈوسر کے لیے علیحدہ فائلیں بنائیں store ۔ کم کرنے والے آپ کی درخواست کی حالت کے مختلف حصوں کو سنبھالنے کے ذمہ دار ہیں۔

  4. کمبائن ریڈوسر: اپنی store/index.js فائل میں، اس فنکشن کا استعمال کرتے ہوئے اپنے تمام ریڈوسر combineReducers سے درآمد کریں اور یکجا کریں۔ Redux

فولڈر کا ڈھانچہ

ایک اچھی طرح سے منظم فولڈر کا ڈھانچہ آپ کے پروجیکٹ کو مزید برقرار رکھنے کے قابل بنا سکتا ہے۔ یہاں آپ کے Next.js پروجیکٹ کے لئے ایک مثالی ڈھانچہ ہے جس کے ساتھ Redux:

project-root/  
|-- components/  
|-- pages/  
|-- store/  
|   |-- index.js  
|   |-- reducer1.js  
|   |-- reducer2.js  
|-- ...

Redux اجزاء سے جڑنا

اپنے اجزاء کو Redux اسٹور سے مربوط کرنے کے لیے، لائبریری connect() سے فنکشن استعمال کریں react-redux ۔ یہ آپ کو Redux ریاست تک رسائی اور کارروائیوں کو بھیجنے کی اجازت دیتا ہے۔

نتیجہ

Redux اپنے پروجیکٹ میں ترتیب دینے سے Next.js ، آپ کے پاس اپنی درخواست کی حالت کو منظم کرنے کے لیے ایک طاقتور ٹول ہوگا۔ آنے والے مضامین میں، ہم مزید جدید Redux تصورات کو تلاش کریں گے اور حقیقی دنیا کے منظرناموں سے نمٹیں گے۔