React Fundamentals in Roman Urdu
React کا تعارف
React کیا ہے؟
سادہ الفاظ میں، React ایک JavaScript لائبریری ہے جو یوزر انٹرفیس (UI) بنانے کے لیے استعمال ہوتی ہے۔ اسے فیس بک نے بنایا اور برقرار رکھا ہے۔
اسے ایسے سمجھیں جیسے آپ LEGO بلاکس سے کچھ بنا رہے ہوں۔ ہر بلاک ایک چھوٹا، خود مختار حصہ ہوتا ہے۔ آپ ان بلاکس کو جوڑ کر ایک بڑی اور پیچیدہ چیز بنا سکتے ہیں۔ React میں، ان بلاکوں کو 'کمپونینٹس' (components) کہا جاتا ہے۔
Component
noun
ایک آزاد، دوبارہ قابلِ استعمال کوڈ کا ٹکڑا جو یوزر انٹرفیس کے ایک حصے کی نمائندگی کرتا ہے۔ ایک ویب پیج کو چھوٹے چھوٹے کمپونینٹس میں تقسیم کیا جا سکتا ہے، جیسے ہیڈر، سائڈبار، اور مواد کا علاقہ۔
ہر کمپونینٹ اپنی منطق (logic) اور ظاہری شکل (appearance) خود سنبھالتا ہے۔ آپ ایک بٹن کے لیے ایک کمپونینٹ بنا سکتے ہیں، ایک سرچ بار کے لیے دوسرا، اور پھر ان دونوں کو ملا کر ایک بڑا کمپونینٹ جیسے کہ نیویگیشن بار بنا سکتے ہیں۔ یہ طریقہ کار پیچیدہ یوزر انٹرفیس کو منظم اور برقرار رکھنا آسان بنا دیتا ہے۔
React کی اہم خصوصیات
React کو کئی خصوصیات مقبول بناتی ہیں، لیکن دو سب سے اہم یہ ہیں:
1. ورچوئل DOM (Virtual DOM): ویب براؤزر میں، ہر صفحہ ایک دستاویز آبجیکٹ ماڈل (Document Object Model یا DOM) نامی ایک درختی ساخت (tree-like structure) میں منظم ہوتا ہے۔ جب بھی آپ صفحے پر کچھ تبدیل کرتے ہیں، براؤزر کو اس پورے درخت کو دوبارہ اپ ڈیٹ کرنا پڑتا ہے، جو سست ہوسکتا ہے۔
React اس مسئلے کو ایک ورچوئل DOM استعمال کر کے حل کرتا ہے۔ یہ اصل DOM کی ایک ہلکی پھلکی کاپی ہے۔ جب کوئی تبدیلی ہوتی ہے، React پہلے ورچوئل DOM کو اپ ڈیٹ کرتا ہے، پھر اصل DOM کے ساتھ اس کا موازنہ کرتا ہے۔ اس کے بعد، یہ صرف ان حصوں کو اپ ڈیٹ کرتا ہے جو واقعی تبدیل ہوئے ہیں۔ یہ عمل روایتی طریقے سے کہیں زیادہ تیز ہے۔
2. کمپونینٹ پر مبنی فن تعمیر (Component-Based Architecture): جیسا کہ پہلے بتایا گیا، React آپ کو اپنے UI کو چھوٹے، دوبارہ قابلِ استعمال ٹکڑوں (کمپونینٹس) میں توڑنے کی اجازت دیتا ہے۔ ہر کمپونینٹ کا اپنا کوڈ اور اسٹائل ہوتا ہے۔
اس کا فائدہ یہ ہے کہ آپ ایک بار ایک کمپونینٹ بنا کر اسے اپنی ایپلیکیشن میں جہاں چاہیں استعمال کر سکتے ہیں۔ اس سے نہ صرف آپ کا کوڈ صاف ستھرا اور منظم رہتا ہے، بلکہ یہ ترقی کے عمل کو بھی تیز کرتا ہے۔
React کیوں استعمال کریں؟
تو، آپ کو React کیوں سیکھنا یا استعمال کرنا چاہئے؟
- کارکردگی: ورچوئل DOM کی وجہ سے، React ایپلی کیشنز بہت تیز ہوتی ہیں، خاص طور پر وہ جن میں بہت زیادہ ڈیٹا اپ ڈیٹ ہوتا ہے۔
- دوبارہ استعمال: کمپونینٹس کو بار بار استعمال کیا جا سکتا ہے، جس سے ترقی کا وقت کم ہوتا ہے اور کوڈ کو برقرار رکھنا آسان ہوجاتا ہے۔
- مقبولیت: React کو فیس بک، انسٹاگرام، نیٹ فلکس، اور ایئربین بی جیسی بڑی کمپنیاں استعمال کرتی ہیں۔ اس کا مطلب ہے کہ اس کی ایک بہت بڑی کمیونٹی ہے اور آپ کو آن لائن بہت مدد اور وسائل مل سکتے ہیں۔
- سیکھنے میں آسان: اگر آپ کو HTML, CSS, اور JavaScript کی بنیادی سمجھ ہے، تو React سیکھنا نسبتاً آسان ہے۔
خلاصہ یہ کہ React ایک طاقتور ٹول ہے جو جدید، تیز، اور قابلِ توسیع ویب ایپلیکیشنز بنانے میں مدد کرتا ہے۔
اب جب آپ React کے بنیادی اصولوں کو سمجھ گئے ہیں، آئیے کچھ سوالات کے ذریعے اپنے علم کی جانچ کریں۔
React کیا ہے؟
React میں 'کمپونینٹس' (components) کا کیا مطلب ہے؟
اس تعارف کے بعد، آپ React کے ساتھ کام کرنے کی بنیاد سمجھ چکے ہیں۔ اگلے حصے میں، ہم JSX کے بارے میں جانیں گے، جو کہ React میں UI لکھنے کا ایک خاص طریقہ ہے۔
