ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JS

Программирование

React JS for beginner dummies کیا ہے، یہ کیا ہے، ٹیوٹوریلز، انسٹالیشن، دستاویزات – ٹریڈنگ روبوٹس لکھتے وقت React JS لائبریری کو انسٹال اور استعمال کرنے کا طریقہ۔ اکثر کمپیوٹر ماہرین کے لیے ملازمت کے اشتہارات میں، آپ کو ایک ایسی ضرورت مل سکتی ہے جو کہتی ہو کہ آپ کے پاس JavaScript لائبریری میں مہارت ہے۔ ہاں، اور وہ نہ صرف سافٹ ویئر ڈویلپرز سے بلکہ ایسے پروگرامرز سے بھی React کے علم کی توقع کرتے ہیں جو سائٹ کی اندرونی ترقی میں مصروف ہیں، نہ کہ بیرونی ڈیزائن سے۔ یہ کس قسم کی لائبریری ہے، یہ کام کے کیا مواقع فراہم کرتی ہے، اور ایک ابتدائی شخص کہاں سے واقف ہونا شروع کرتا ہے؟ آئیے اس مضمون میں اس کا پتہ لگاتے ہیں۔
ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JS

جاوا اسکرپٹ لائبریری – رد عمل: یہ کیا ہے؟

React.JS مقبول
JavaScript پروگرامنگ لینگویج کی ایک لائبریری ہے ، جسے آن لائن سوشل نیٹ ورک Facebook نے سائٹس اور ایپلیکیشنز کے بیرونی شیل کو تیار کرنے کے عمل کو بہتر اور آسان بنانے کے لیے تشکیل دیا ہے – وہ انٹرفیس جس کے ساتھ صارف تعامل کرتا ہے۔ لائبریری کی اہم خصوصیت اجزاء اور ریاستیں ہیں۔ ایک جزو ڈیجیٹل سیٹ کا ایک حصہ ہوتا ہے جو ڈیزائن کیے جانے والے نظام کے کسی خاص حصے کی ظاہری شکل کے لیے ذمہ دار ہوتا ہے۔

نوٹ! اس طرح کے اجزاء کے حصوں کو گھوںسلا کیا جا سکتا ہے.

ایک ریاست انٹرفیس کی تفصیلات کے بارے میں تمام اعداد و شمار کا ایک مجموعہ ہے، بشمول اس کی نمائندگی کی پیشکش. مثالوں کا استعمال کرتے ہوئے، ہم مزید تفصیل سے اور واضح طور پر معلوم کریں گے کہ کیا ہے۔ نیچے دی گئی تصویر میں کچھ بڑے اجزاء دکھائے گئے ہیں – آن لائن سوشل نیٹ ورک پر پوسٹ کرنا، عام معلومات کے ساتھ ایک سیکشن اور تصاویر دکھانا۔ ہر حصے میں چھوٹے اجزاء شامل ہیں، جو اجزاء ہیں. مثال کے طور پر، کسی اشاعت میں متن، تصاویر، معلومات شائع کرنے والے صارف کا نام، وغیرہ شامل ہوتے ہیں۔ تصویر کے حصے میں انفرادی تصاویر شامل ہوتی ہیں، اور عمومی معلومات کے حصے میں مختصر معلومات ہوتی ہیں۔
ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JSان اجزاء (اجزاء) میں سے ہر ایک کی ایک حالت ہوتی ہے۔ یعنی، عمومی معلومات والا سیکشن مختلف آلات پر مختلف نظر آئے گا، دبانے پر “لائک” عنصر رنگ بدلتا ہے اور لائکس کی کل تعداد کے لیے ذمہ دار نمبر۔ اشاعت، بدلے میں، متن کو مختصر کر سکتی ہے یا اسے مکمل طور پر منتقل کر سکتی ہے۔

اس طرح، React.JS کی لچک کا اظہار کیا جاتا ہے – انٹرفیس کا جزو ایک بار لکھا جاتا ہے، اور اس کے بعد اسے تمام ممکنہ حالتیں دی جاتی ہیں۔

React لائبریری کی ضرورت کیوں ہے؟

React.JS JS یا HTML کوڈ کو آسان فارمیٹ میں لکھنے، اس کی کاپیاں بنانے اور اسے بصری بنانے کے ممکنہ اختیارات میں سے ایک ہے۔ یہاں کے اجزاء ایک خاص سسٹم لینگویج – JSX میں لکھے گئے ہیں، جس میں JavaScript پروگرامنگ لینگویج اور معیاری HTML مارک اپ لینگویج کے عناصر شامل ہیں۔
ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JSJSX میں لکھا ہوا کوڈ کافی مخصوص ہے۔ یہ بھی ضروری ہے کہ ویب براؤزر کو اس سسٹم لینگویج کو سمجھنے کی ضرورت نہ ہو – React.JS کوڈ JS میں منتقل ہو جاتا ہے، جسے کوئی بھی براؤزر بغیر کسی پریشانی کے سمجھتا ہے۔ ایسا کرنے کے لیے، لائبریری میں جو کچھ بنایا جاتا ہے اسے خصوصی کمپائلرز کے ذریعے منتقل کیا جاتا ہے (آج کے دور میں سب سے زیادہ مشہور Babel js ہے)، جو کم معروف پروگرامنگ زبانوں کے کوڈز کو جاوا اسکرپٹ کی نمائندگی میں تبدیل کر دیتے ہیں۔
ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JSابتدائی طور پر یہ لگتا ہے کہ استعمال کا نظام انتہائی غیر منطقی ہے، لیکن تھوڑی دیر کے بعد آپ اس کے عادی ہو جاتے ہیں اور آپ کو احساس ہوتا ہے کہ میکانزم کو اس طرح کیوں بنایا گیا ہے۔ JavaScript لائبریری کے کئی مضبوط فوائد ہیں:

  • معروف جاوا اسکرپٹ کے مقابلے میں سسٹم پروگرامنگ لینگویج کو پہچاننا آسان ہے ، اور نتیجتاً، کوڈ کو سپورٹ کرنے اور اس میں موجود خامیوں کو ختم کرنے میں کئی گنا کم وقت لگے گا (اس کے مطابق نئے کوڈز اور پروگرام لکھنے کی رفتار بڑھ جائے گی)؛
  • اجزاء کے عناصر کا ایک آسان اور عملی نظام یہاں بنایا گیا ہے – کوڈ کے ان حصوں کو دہرانا جو تحریر کے مختلف مراحل اور مختلف پروگراموں میں استعمال ہوتے ہیں، اور سیاق و سباق کے لحاظ سے تبدیل بھی ہوتے ہیں۔
  • ہر جزو کا عنصر صرف اس کی حالت کے ماتحت ہوتا ہے ، اس لیے کوڈ میں موجود خامیوں کو درست کرنا آسان ہوتا ہے اگر عملی طور پر اس کے کام میں اچانک کوئی خامی پائی جاتی ہے۔ غلط لمحات سطح پر تیرتے ہیں: ایک عنصر جو صحیح طریقے سے کام کرتا ہے اس موڈ میں مستقل طور پر کام کرتا رہے گا، جب تک کہ اس کے سلسلے میں غلط حالت کا استعمال نہ کیا جائے۔

اس طرح، ہم یہ نتیجہ اخذ کر سکتے ہیں کہ React.JS لائبریری کافی وقت بچا سکتی ہے، کوڈ کو مزید مخصوص بنا سکتی ہے، ترتیب کو درست ترتیب میں ترتیب دے سکتی ہے، اور بڑے بلاکس کو دوبارہ استعمال کر سکتی ہے۔ یہ فوائد یوزر انٹرفیس بنانے کے عمل کی لاگت کو کم کرنے کے ساتھ ساتھ اس عمل کے وقت کو تیز کرنا ممکن بناتے ہیں۔ جے ایس اور ایچ ٹی ایم ایل پروگرامنگ لینگویج کو استعمال کرنے کی مہارت کے ساتھ، سسٹم JSX کو استعمال کرنا سیکھنا آسان ہے – اس میں مہارت حاصل کرنے کے لیے صرف چند دن ہیں۔

نوٹ! جب بڑی تعداد میں متحرک صفحات لکھنے کی ضرورت ہو تو بڑے منصوبوں کے ساتھ کام کرتے وقت لائبریری کا استعمال عقلی ہے۔ ایک چھوٹی سی کاروباری سائٹ کو ایسی پیچیدگیوں کی ضرورت نہیں ہے۔

A سے Z تک جے ایس کے بنیادی کورس پر ردعمل دیں: https://youtu.be/GNrdg3PzpJQ

ابتدائیوں کے لیے واقفیت: بنیادی تصورات

ہیلو ورلڈ!

لائبریری کے پہلے صفحے تک رسائی حاصل کرنے پر، صارف کو ایک چھوٹی سی مثال کے طور پر ایک خوش آمدید سرخی نظر آئے گی – “ہیلو ورلڈ!”۔
ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JS

جے ایس ایکس سسٹم کی زبان کے بنیادی اصول

JSX ایک سسٹم پروگرامنگ لینگویج ہے، جو معروف JavaScript کی توسیع ہے۔ اس میں دو زبانوں کا مجموعہ شامل ہے – JA پروگرامنگ اور معیاری HTML مارک اپ لینگویج۔ ڈویلپرز اسے تصور کو ایڈجسٹ کرنے کے لیے استعمال کرتے ہیں تاکہ یہ ظاہر کیا جا سکے کہ صارف کا انٹرفیس کیسا ہونا چاہیے۔ JSX لائبریری کے “حصوں” کو تخلیق کرتا ہے۔

JSX کیا ہے؟

React لائبریری اس منطق پر عمل کرتی ہے کہ رینڈرنگ کا جوہر براہ راست یوزر انٹرفیس کی منطق سے منسلک ہوتا ہے: واقعات پر کارروائی کیسے ہوتی ہے، ایک مخصوص مدت میں حالت کیسے بدلتی ہے، اور معلومات کو پیش کرنے کے لیے کیسے تیار کیا جاتا ہے۔ جے ایس لائبریری کو اس کی سسٹم لینگویج کے بغیر استعمال کیا جا سکتا ہے، لیکن ڈیولپرز کی ایک بڑی تعداد جاوا اسکرپٹ کوڈ سے تیار کردہ یوزر انٹرفیس کے ساتھ کام کرتے وقت اس کی وضاحت اور ٹھوس پن کی وجہ سے اسے قیمتی سمجھتی ہے۔ اس کے علاوہ، ایکسٹینشن رد عمل کے لیے غلط لمحے اور غلطی کی اطلاعات پیدا کرنا آسان بناتی ہے۔

نظام کی زبان میں اظہار کی تشکیل

JSX آپ کو کسی بھی عمل میں گھوبگھرالی منحنی خطوط وحدانی کے اندر اچھی طرح سے لکھے ہوئے JavaScript کے تاثرات استعمال کرنے کی اجازت دیتا ہے۔
ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JS
JSX ایک ایکسپریشن بھی ہے ایک بار سورس کوڈ کو بائٹ کوڈ کرنے کے بعد، کوئی بھی JSX ایکسپریشن معیاری JS فنکشن کال میں بدل جاتا ہے جو JavaScript کے زمرے کو نشانہ بناتا ہے۔ اس سے یہ سمجھا جا سکتا ہے کہ آفیشل پروگرامنگ لینگویج کے سسٹم ایکسٹینشن کو اگر مینوئل کے اندر اور ادوار کے لیے استعمال کیا جا سکتا ہے۔
ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JS
JSX آبجیکٹ ہے ایکسٹینشن کی طرف سے ظاہر کردہ اشیاء کو React عناصر کہا جاتا ہے۔ وہ اس نتیجہ کو واضح کرتے ہیں جو ڈویلپر ڈسپلے پر دیکھنا چاہتا ہے۔ لائبریری ان اشیاء کو پہچانتی ہے اور انہیں دستاویز آبجیکٹ ماڈل بنانے اور برقرار رکھنے کے عمل میں استعمال کرتی ہے۔
ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JS

تفصیل رینڈرنگ

تفصیلات بہت سے چھوٹے بلڈنگ بلاکس ہیں جو React پروگرام بناتے ہیں۔
ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JSتفصیلات وہ تصویر ہے جسے ڈویلپر آخر میں مانیٹر پر دیکھنا چاہتا ہے۔ دستاویز آبجیکٹ ماڈل عناصر کے مقابلے میں، لائبریری عناصر سادہ ہیں اور بہت زیادہ وسائل نہیں لیتے ہیں۔ عناصر اجزاء کے اجزاء ہیں۔

اجزاء اور سہارے

اجزاء UI کو آزاد حصوں میں تقسیم کرنا ممکن بناتے ہیں، جن پر الگ سے کام کرنا آسان ہے۔ انہیں کئی بار ملا کر استعمال کیا جا سکتا ہے۔ زیادہ تر حصے کے لئے، اجزاء کی فعالیت خود JavaScript پروگرامنگ زبان کی فعالیت سے ملتی جلتی ہے۔ وہ ان پٹ معلومات لیتے ہیں، جسے پرپس کہتے ہیں، اور React عناصر کو لوٹاتے ہیں جو اس ترقیاتی ماڈل کی نشاندہی کرتے ہیں جسے ڈویلپر مانیٹر پر دیکھنا چاہتا ہے۔

اجزاء کی اقسام: فنکشنل اور کلاس

لائبریری کے جزو کو فنکشن کے طور پر حوالہ دینا سب سے آسان ہے۔
ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JSاجزاء کو ES6 کلاس فارمیٹ میں بھی دکھایا جا سکتا ہے۔
ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JS

دلچسپ! React لائبریری ان دو قسم کے اجزاء کو ایک جیسے بیان کرتی ہے۔

سہارے

پروپس غیر تبدیل شدہ اشیاء ہیں جو صرف پڑھنے کے قابل ہیں۔ لہذا، ایک جزو کو اس کے پرپس پر کچھ نہیں لکھنا چاہئے، اس سے کوئی فرق نہیں پڑتا ہے کہ وہ کس قسم کا ہے.

ریاست اور زندگی کا چکر

سب سے پہلے، آئیے یہ معلوم کریں کہ کام پر ریاست کو صحیح طریقے سے کیسے لاگو کیا جائے۔ اجزاء کی حالت کے بارے میں جاننے کے لیے تین اہم چیزیں ہیں:

  1. ریاست کو براہ راست تبدیل نہ کریں، سیٹ اسٹیٹ طریقہ استعمال کریں۔ یاد رکھیں کہ واحد علاقہ جہاں آپ ریاست کو براہ راست تبدیل کر سکتے ہیں وہ کنسٹرکٹر ہے۔
  2. ریاستی اپ ڈیٹس مطابقت پذیر نہیں ہو سکتے ہیں۔
  3. معلومات کے بہاؤ کی ایک سمت ہوتی ہے۔ جزو کی تعمیر میں، ان میں سے کوئی بھی نہیں جانتا کہ ریاست کو کسی دوسرے جزو کو تفویض کیا گیا ہے۔ اس سے کوئی فرق نہیں پڑتا ہے کہ یہ یا وہ آزاد فنکشنل عنصر کس طرح تشکیل پایا تھا – ایک فنکشنل یا درجہ بندی کے ٹول کا استعمال کرتے ہوئے۔ اسے “ڈاؤن اسٹریم” ڈیٹا فلو کہا جاتا ہے۔ ایک ریاست کی تعریف ہمیشہ کسی نہ کسی عنصر کے لیے کی جاتی ہے، اور اس ریاست کی ساختی انجمنیں صرف ان حصوں کو متاثر کر سکتی ہیں جو درجہ بندی کی ترتیب میں “نیچے” واقع ہیں۔

عام طور پر، ریاست کو “مقامی”، “اندرونی”، یا پوشیدہ کہا جاتا ہے۔ یہ صرف فنکشنل عنصر کو ہی نظر آتا ہے اور React کے دوسرے حصوں کو پوشیدہ۔ لائبریری کے پروگراموں میں، چاہے ایک آزاد فعال عنصر کو ایک خاص حالت کے ساتھ عطا کیا گیا ہو یا نہ ہو، اس حصے کی اندرونی ترقی ہے، جو وقت کے ساتھ بدل سکتی ہے۔ یہ بھی دلچسپ ہے کہ کام میں آپ ریاست کے ساتھ اور بغیر اجزاء کو یکجا کر سکتے ہیں۔

واقعہ کا تجزیہ

React اجزاء میں واقعات کو پارس کرنے کا عمل دستاویز آبجیکٹ ماڈل عناصر میں واقعات کو سنبھالنے کے مترادف ہے۔ تاہم، کئی خصوصیات ہیں جو انہیں ایک دوسرے سے ممتاز کرتی ہیں:

  1. JavaScript لائبریری میں ایونٹس کا نام معیاری سے مختلف انداز میں رکھا گیا ہے۔
  2. سسٹم ایکسٹینڈڈ پروگرامنگ لینگویج کا استعمال کرتے ہوئے، ڈویلپر سٹرنگ کے بجائے ایونٹ ہینڈلر کے طور پر سب روٹین پاس کرتا ہے۔

عناصر کی مشروط رینڈرنگ

جاوا اسکرپٹ لائبریری عناصر کی ترقی کی منطق کو آزاد اجزاء میں توڑنا ممکن بناتی ہے۔ انہیں عام ڈسپلے یا چھپانے کے لیے دکھایا جا سکتا ہے، اس بات پر منحصر ہے کہ اس وقت وہ کس حالت میں ہیں۔ عناصر کی مشروط رینڈرنگ اسی اصول پر کام کرتی ہے جیسا کہ جاوا اسکرپٹ پروگرامنگ زبان پر مبنی مشروط اظہار۔ بعض اوقات ایسا ہوتا ہے کہ لائبریری کو اس بات کی وضاحت کی ضرورت ہوتی ہے کہ ریاست کچھ عناصر کو چھپانے یا پیش کرنے پر کس طرح اثر انداز ہوتی ہے۔ یہاں مشروط جے ایس مددگار یا اگر سے ملتے جلتے تاثرات استعمال کرنا زیادہ منطقی ہے۔
ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JS
ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JS

اجزاء کو تبدیل کرنا

رد عمل لائبریری عناصر کو متغیرات میں شامل کیا جا سکتا ہے۔ یہ ایک عملی حل ہے جب کچھ شرط یہ بتاتی ہے کہ آیا جزو کا کچھ حصہ کھینچا جانا چاہئے، یا اس کا کوئی مطلب نہیں ہے، جبکہ باقی حصہ غیر تبدیل شدہ رہتا ہے۔

فہرستیں اور چابیاں

اس حصے میں کئی اجزاء شامل ہیں:

  1. متعدد عناصر کو ڈرائنگ کرنا ۔ صارف عناصر کا ایک سیٹ بنا سکتا ہے اور اسے گھوبگھرالی منحنی خطوط وحدانی کا استعمال کرتے ہوئے سسٹم پروگرامنگ زبان میں شامل کر سکتا ہے۔
  2. عناصر کی ابتدائی فہرست اکثر، صارفین اور ڈویلپرز فہرستوں کو براہ راست جزو کے حصے میں ایڈجسٹ کرتے ہیں۔

چابیاں

React JavaScript لائبریری میں ایک کلید ایک خصوصی ٹول کی نشاندہی کرتی ہے جسے اجزاء کی فہرست تیار کرتے وقت درج کرنا ضروری ہے۔ کلیدیں JavaScript لائبریری کی یہ شناخت کرنے میں مدد کرتی ہیں کہ کون سے آئٹمز کو ایڈجسٹ، شامل یا ہٹا دیا گیا ہے۔ ان کو نشان زد کرنا ضروری ہے تاکہ React ایک خاص وقت گزر جانے کے بعد ساختی ڈیٹا کے اجزاء کو آپس میں جوڑ سکے۔
ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JS

فارمز

JS لائبریری میں، معیاری مارک اپ لینگویج عناصر دستاویز آبجیکٹ ماڈل کے اجزاء سے تھوڑا مختلف طریقے سے کام کرتے ہیں، کیونکہ فارم کے عناصر کی ابتدائی طور پر ایک پوشیدہ حالت ہوتی ہے۔

نظم شدہ اشیاء

ایک معیاری مارک اپ لینگویج میں، فارم جیسے input , Select , textarea اپنی حالت کو برقرار رکھتے ہیں اور اسے اپ ڈیٹ کرتے ہیں جب ڈویلپر نئی معلومات داخل کرتا ہے۔ React.js ریاست ہمیشہ نظم شدہ کمپوزنگ عنصر میں ان پٹ فیلڈز کی قدر کی وضاحت کرتی ہے۔ اگرچہ اس سے ظاہر ہوتا ہے کہ صارف کو اصل دیے گئے کوڈ سے تھوڑا زیادہ لکھنا چاہیے، لیکن اب اس قدر کو یوزر انٹرفیس کے دوسرے حصوں میں منتقل کرنا ممکن ہے۔

ریاست کا عروج

اسٹیٹ لفٹنگ ایک معیاری ٹیمپلیٹ ہے جس سے ہر ڈویلپر کو آگاہ ہونا چاہیے اور کام کے عمل میں اس کا اطلاق کرنے کے قابل ہونا چاہیے۔ اس کا استعمال پیچیدہ اور عام طور پر بیکار ریاستی انتظامی نمونوں کو ختم کر دے گا۔

ریاست کے عروج کو کنٹرول کرنا کیوں ضروری ہے؟

ریاست کو ان حصوں کے لیے ماضی کے اجزاء کی سطح پر لانا ضروری ہے جن کی ضرورت ہوتی ہے تاکہ تمام عناصر ریاست میں حصہ لے سکیں۔ ریاست کی ایک مستحکم سطح اسے ان تمام اجزاء میں تقسیم کرنا آسان بنا دے گی جو اس پر انحصار کرتے ہیں۔

ساخت بمقابلہ وراثت

React.js میں ایک مضبوط کمپوزیشن ماڈل شامل ہے، لہذا یہ تجویز کی جاتی ہے کہ عناصر کے درمیان پہلے لکھے گئے کوڈ کو دوبارہ استعمال کرنے کے لیے وراثت کے بجائے حصوں سے مکمل بنانے کے عمل کو استعمال کریں۔ اس طرح، پرپس اور اجزاء کے حصوں سے ایک مکمل مرکب بنانے کی صلاحیت، ڈویلپر کو مخصوص اور محفوظ طریقے سے عنصر کے خول اور طرز عمل کو بنانے کے لیے درکار لچک فراہم کرتی ہے۔

یاد دہانی! اجزاء کے حصے غیر متعلقہ سہارے لے سکتے ہیں، بشمول ابتدائی حصے جو لائبریریوں یا افعال کو بناتے ہیں۔

ایسی صورت میں جب آپ کو اجزاء کے ساتھ دوسری یا تیسری بار کام کرنے کے لیے نظر سے پاک فنکشن استعمال کرنے کی ضرورت ہو، اسے ایک علیحدہ JS ماڈیول میں کھینچیں۔ اسے ایک جزو میں منتقل کریں اور پیدا کردہ فنکشن کو مزید توسیع کے بغیر استعمال کریں۔ رد عمل یا Vue یا کونیی، کیا چننا ہے: https://youtu.be/Nm8GpLCAgwk

React.js اصول

JavaScript لائبریری کا پورا فلسفہ React گائیڈ میں پوشیدہ ہے۔ ایسا لگتا ہے کہ یہ طویل ہے اور اتنی اہمیت کا حامل نہیں ہے، تاہم، بہت سے صارفین کا دعوی ہے کہ پڑھنے کے بعد سب کچھ اپنی جگہ پر گر گیا. دستاویزات کافی پرانی ہیں، لیکن پھر بھی بہت اہمیت اور مطابقت رکھتی ہیں –
https://ru.reactjs.org/docs/thinking-in-react.html ۔ رد عمل js ٹیوٹوریل https://ru.reactjs.org/tutorial/tutorial.html

React.js لائبریری کی فعالیت

JavaScript لائبریری کا استعمال کرتے ہوئے، صارف کو اپنی تمام تر توجہ براہ راست UI کی ترقی کے عمل اور ایپلیکیشن کے اجزاء پر دینے کا موقع ملتا ہے، کم از کم تحریری کوڈ کی تشکیل اور ممکنہ کوتاہیوں کی وجہ سے توجہ ہٹ جاتی ہے۔ لائبریری آپ کو پروگراموں کو تیزی سے تیار کرنے کی اجازت دیتی ہے، اجزاء کو ترتیب دینے اور اس میں ترمیم کرنا اور مجموعی طور پر پورے پروجیکٹ کے عمل کو آسان بناتی ہے۔ اس طرح، React.js عالمی نیٹ ورک، UI، پروگرام اسٹیٹ کنٹرول اور دیگر پیچیدہ مسائل کو حل کرنے کی صلاحیت میں کمیونیکیشن کے لیے ذمہ دار عناصر پر مشتمل ہے۔ لائبریری میں درج ذیل فنکشنل خصوصیات بھی ہیں:

  1. عملییت _ React.js چھوٹے فارمیٹ میں دستیاب ہے۔ اس کمپیکٹ پیکیج کو واضح طور پر ترتیب دینے کی ضرورت نہیں ہے۔ اس میں پہلے سے ہی ایک کوڈ اسپلٹنگ فیچر شامل ہے جو سائٹ کے براؤزر ورژن کو کھولنے میں لگنے والے وقت کو کم کرتا ہے، کیونکہ یہ آپشن اجزاء کو ایک ہی وقت میں رینڈرنگ سے روکتا ہے۔
  2. پمپ شدہ ماحولیاتی نظام اور تعمیل ۔ لائبریری میں ٹولز کی ایک بڑی تعداد دستیاب ہے، جو دوسری سائٹس کے ذریعے سپورٹ کرتے ہیں، جو صارف کو کسی بھی مقصد کے لیے نئے پیچیدہ پروگرام تیار کرنے کی اجازت دیتے ہیں۔
  3. مکمل فعالیت ۔ جاوا اسکرپٹ لائبریری کا سب سے بڑا فائدہ یہ ہے کہ پلیٹ فارم کے تمام نئے ورژن پرانے ورژن کی ضروریات کو پورا کرتے ہیں، اس لیے آپ پرانے اور اپ ڈیٹ شدہ دونوں ورژن استعمال کر سکتے ہیں، یہ سب سپورٹ ہیں اور آج کے دن سے متعلق ہیں۔ پہلے جاری کردہ ورژن تازہ ترین اپ ڈیٹس کے بعد متروک نہیں ہوتے ہیں۔

عملی استعمال

لائبریری کے مرکزی صفحہ پر، صارفین کے لیے ہدایات میں، عملی طور پر React کو استعمال کرنے کی کئی مثالی مثالیں موجود ہیں۔ آپ انہیں دستی طور پر درست کر سکتے ہیں اور انہیں چلانے کی کوشش کر سکتے ہیں۔ یہاں تک کہ اگر آپ نئے صارف ہیں اور لائبریری کے جوہر اور منطق کو نہیں سمجھتے ہیں، کوڈ کو اپنی پسند کے مطابق ایڈجسٹ کریں اور نتیجہ دیکھیں۔

جاوا اسکرپٹ میں ٹریڈنگ روبوٹ لکھتے وقت React کا عملی اطلاق

یہ سمجھنا ضروری ہے کہ ایک ڈویلپر جے ایس کو پروگرام نہیں کرتا، بلکہ اسکرپٹ (اسکرپٹ) لکھتا ہے۔ لہذا، لائبریری کا استعمال کرتے ہوئے، ایک ڈویلپر تجارتی مقاصد کے لیے استعمال ہونے والے بعد کے تجارتی روبوٹ کے لیے کوڈ لکھ سکتا ہے، اور اس پلیٹ فارم کی بنیاد پر اس کی ظاہری شکل کو ڈیزائن کرنا بھی جاری رکھ سکتا ہے۔ درحقیقت، ٹریڈنگ کے لیے ایک تجارتی روبوٹ بھی ایک ایپلی کیشن ہے، جس میں سے بڑی تعداد میں React.js کا استعمال کرتے ہوئے تیار کیا جا رہا ہے۔ تاہم، کچھ فنکشنز اور بوٹ کے اندرونی حصے کو اب بھی دوسری سائٹس پر کرنا پڑے گا جو اس کے لیے موزوں ٹولز مہیا کرتی ہیں۔

GitHub اور React.js

GitHub ایک ایسا پلیٹ فارم ہے جو پروجیکٹس کے تمام ورژن کی میزبانی کرتا ہے۔ صارف ہوسٹنگ کو جوڑتا ہے، سرکاری GitHub ویب سائٹ پر رجسٹریشن کے طریقہ کار سے گزرتا ہے، اور پھر ایک آن لائن ذخیرہ بناتا ہے جہاں وہ Git سے تمام فائلیں منتقل کرتا ہے۔
گٹ آج کی سب سے مشہور اور متعلقہ پروجیکٹ ورژن کنٹرول سروس ہے، اور گٹ ہب ایک ریموٹ کوڈ ریپوزٹری ہے۔
ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JS

حوالہ! صرف وہی صارفین جنہوں نے اجازت کے ساتھ مناسب لنک حاصل کیا ہے فائلوں میں ترمیم اور ڈاؤن لوڈ کرنے تک رسائی حاصل کر سکتے ہیں۔

دستاویزی

جاوا اسکرپٹ لائبریری سے متعلق تمام ٹیوٹوریلز اور تازہ ترین مواد تازہ ترین اپ ڈیٹ کے ساتھ تازہ ترین ہیں۔ ڈویلپرز لائبریری کے علیحدہ صفحہ پر پوسٹ کیے گئے دستاویزات کے پرانے ورژن کو عام پڑھنے کے لیے مرتب اور پوسٹ بھی کرتے ہیں۔ لہذا، ابتدائی افراد کے لیے سائٹ کے انتظام کی مہارتوں میں مہارت حاصل کرنا آسان ہو جائے گا: پرانا اور نیا دونوں مواد – یہاں سب کچھ ہے، رسائی ہر ایک کے لیے مفت ہے۔
ٹریڈنگ روبوٹ لکھتے وقت لائبریری کا استعمال کرتے ہوئے، ابتدائی ڈمیوں کے لیے React.JS

نوٹ! کتابچے پڑھنا نہ بھولیں۔ کم از کم ایک نظر ڈالیں – پہلے سے ہی زیادہ تر جو ناقابل فہم لگ رہا تھا اپنی جگہ پر گر جائے گا۔

React لائبریری آج ایک مقبول اور متعلقہ پلیٹ فارم ہے۔ اس کی استعداد ڈویلپرز کو بہتر معیار اور کم وقت میں پروجیکٹس بنانے کی اجازت دیتی ہے۔ اس کے علاوہ، پلیٹ فارم کو جاننا اور اسے استعمال کرنے کی مہارت رکھنے سے لیبر مارکیٹ میں ایک ماہر کی زیادہ مانگ ہوتی ہے۔

info
Rate author
Add a comment