کونیی {{اے او ٹی بمقابلہ جے آئی ٹی} بمقابلہ رد عمل کا مرتکب: حصہ - میں

آئیے ترجمان اور مرتب کا موازنہ کرکے آغاز کریں

X سے Y تک ایک مرتب ایک ایسا پروگرام ہے جو کسی بھی پروگرام p کو کسی زبان X سے Semantically مساوی پروگرام p some میں کسی زبان میں Y کو اس طرح ترجمہ کرتا ہے کہ پروگرام کی اصطلاحات کو محفوظ کیا جاتا ہے ، یعنی کہ ترجمانی کرنے والے کے ساتھ پی pre کی ترجمانی کرنا کیونکہ Y ایک ہی نتائج برآمد کرے گا اور X کے ترجمان کے ساتھ p کی ترجمانی کرنے کے جیسے ہی اثرات مرتب کریں گے۔

مرتب === مترجم

مرتب بمقابلہ مترجم

زبان اے کے لئے ترجمان ایک پروگرام ہوتا ہے جو زبان X میں لکھے گئے کسی بھی پروگرام پر عملدرآمد کرتا ہے تاکہ وہ اثرات کو انجام دے اور X کی تصریح کے ذریعہ طے شدہ نتائج کا جائزہ لے۔

انٹرسیپٹر === پھانسی دینے والا

کونیی 1 میں مرتب

ایک عمومی مرتب

AngularJS 1.x مرتب جو فطرت میں بالکل عام ہے جو متحرک کمپیوٹوں کی ایک سیٹ انجام دے کر کسی بھی ٹیمپلیٹ کے لئے کام کرتا ہے۔ اس نوعیت کی وجہ سے جاوا اسکرپٹ ورچوئل مشین نچلی سطح پر حساب بہتر کرنے کے ساتھ جدوجہد کرتی ہے۔ پیچھے کی بنیادی وجہ یہ ہے:

`VM ان چیزوں کی شکلوں کو نہیں جانتا ہے جو جانچنے والی گندی منطق (یعنی نام نہاد گنجائش) کے لئے سیاق و سباق فراہم کرتی ہیں ، اس میں ان لائن کیچز کو بہت ساری یاد آتی ہے جس سے عملدرآمد سست ہوجاتا ہے۔

کونیی 2 ++ میں مرتب کرنے والے

جے آئی ٹی

کونیول 2 ایپلیکیشن کے ابتدائی مرحلے میں جب براؤزر میں بوٹ اسٹراپ ہوتا ہے تو ، جے آئی ٹی کمپلر بہت سارے کام انجام دیتا ہے (جب بھی صارف ویب پیج کھولتا ہے تو اجزاء کے سانچوں کی تجزیہ کرتا ہے ، ایک ایسا حصہ جو HTML ٹیمپلیٹس کو رننبل کوڈ میں تبدیل کرتا ہے) اجزاء کا تجزیہ کرنے کے لئے رن ٹائم کے وقت درخواست میں اور میموری میں کوڈ تیار کریں۔ جب صفحے کو تازہ دم کیا جاتا ہے تو ، جو کام ہوچکا ہوتا ہے وہ پھینک دیا جاتا ہے ، اور جے آئی ٹی مرتب کرنے والا دوبارہ کام پورا کرتا ہے۔ یہ اے او ٹی کو ایک بڑا دھچکا تھا

بس وقتی تالیف کے ساتھ واقعات کا بہاؤ

  • ٹائپ اسکرپٹ کے ساتھ کونیی ایپلیکیشن کی ترقی اور ٹی سی ایس کے ساتھ ایپلی کیشن کی تالیف۔
  • بنڈلنگ → تخفیف → تعیناتی
  • مؤکل پر the تمام جاوا اسکرپٹ کے اثاثے ڈاؤن لوڈ کریں → کونیی بوٹسٹریپ → کونییئر جے آئی ٹی تالیف کے عمل سے گزرتا ہے → درخواست پیش کی جاتی ہے
جے آئی ٹی بنڈل جائزہ

AOT

مرتب TS کوڈ کو جے ایس کوڈ میں تبدیل کرتا ہے (یہ جے ایس پہلے ہی کونیی کے لئے بھی مرتب کیا گیا ہے)۔ اب ، یہ مرتب کردہ جے ایس کوڈ ایک بار پھر براؤزر کے ذریعہ مرتب کیا گیا ہے تاکہ HTML پیش کی جاسکے۔ اس طرح کونیی کی خصوصیات کو پہلے ہی AOT مرتب کرنے والے نے سنبھال لیا ہے اور اسی وجہ سے براؤزر کو تبدیلی کا پتہ لگانے ، جزو بنانے اور انحصار انجیکشن کے بارے میں زیادہ فکر کرنے کی ضرورت نہیں ہے۔

AOT تالیف

اس طرح ہم تالیف کو رن ٹائم (براؤزر) سے دور کرکے ماخذ کوڈ جنریشن میں منتقل کرتے ہیں۔ اس طرح تالیف صرف ایک بار تعمیر وقت پر ہوتی ہے اور اب ہمیں Angular مرتب کرنے والے اور HTML ٹیمپلیٹس کو بنڈل میں بھیجنے کی ضرورت نہیں ہے۔

کونیی 5+ میں ، آپ کو ترقیاتی منصوبوں کے لئے بھی ، جی آئی ٹی کو نظرانداز کرنے اور مکمل اے او ٹی کرنے میں کامیاب ہوجائیں گے !!!

وقت سے پہلے کی تالیف کے ساتھ واقعات کا بہاؤ

  • ٹائپ اسکرپٹ کے ساتھ کونیی ایپلیکیشن کی نشوونما n این جی سی کے ساتھ ایپلی کیشن کی تالیف → کونیی مرتب کرنے والے ٹیمپلیٹس کی تالیف انجام دیتی ہے اور (عام طور پر) ٹائپ اسکرپٹ تیار کرتا ہے
  • جاوا اسکرپٹ → بینڈلنگ → منیفیکیشن → تعیناتی میں ٹائپ اسکرپٹ کوڈ کی تالیف
  • موکل → تمام اثاثے ڈاؤن لوڈ کریں → کونیی بوٹسٹریپ اور ایپلیکیشن رینڈر
AOT بنڈل جائزہ

اے او ٹی کی خصوصیات

تیز تر رینڈرینگ ، اس سے کم غیر متضاد درخواستیں ، چھوٹے کونیی فریم ورک ڈاؤن لوڈ سائز اور اس سے پہلے ٹیمپلیٹ کی غلطیوں کا پتہ لگائیں

رد عمل میں مرتب

جے ایس ایکس شروع کے وقت سے ہی بابیل اور ٹائپ اسکرپٹ دونوں کی حمایت کرتا ہے جس نے جاوا اسکرپٹ کی تعمیر میں آسانی پیدا کردی ہے اور اس کا رد عمل اس بات کی پرواہ نہیں کرتا ہے کہ بابیل اور ٹائپ اسکرپٹ دونوں ہی اس کے استعمال کر رہے ہیں جو ایک کم پریشانی ہے۔

پہلا رد عمل کا مرتکب رد عمل کا جزو درختوں کا اندازہ کرتا ہے اور آپ کے رد عمل کے اجزاء کیلئے ذہین اصلاح کرتا ہے۔ رد عمل کا مرتب کرنے والے کو لازمی طور پر ایپلی کیشن کے بنڈل کا بنیادی جزو معلوم ہونا چاہئے اور ایک بار یہ دیا گیا ہے کہ اس سے اجزاء کے پورے جزو کے درخت کو خود بخود پتہ لگانا چاہئے۔

آپ کی ایپلی کیشن کا بنیادی جزو کیا ہے اس کی رائے کو مرتب کرنے والے کو یہ بتانے کے ل you ، آپ کو ایک پریپیک گلوبل فنکشن استعمال کرنا ہوگا جس کو __optimizeReactComp घटकTree (MyRootReactComp घटक) کہتے ہیں۔ مثال کے طور پر آپ اپنے سائور کوڈ میں (اسے بنڈل بنانے اور اسے پری پییک پر منتقل کرنے سے پہلے) آپ کر سکتے ہیں:

// MyComp घटक.js
'رد عمل' سے درآمد کریں؛
کلاس MyComp घटक میں توسیع
  رینڈر () nder
    واپسی  ہیلو دنیا! ؛
  }
}
// __optimizeReactComponentTree صرف پری پییک کے نام سے جانا جاتا ہے
// لہذا ہم اسے مشروط طور پر لپیٹ دیتے ہیں تاکہ کوڈ ابھی بھی کام کرتا ہے
// بغیر ترقی کے مقامی ترقیاتی جانچ کے ل.
اگر (عالمی .__ آپٹومائزٹ ریئیکٹرکمپینٹری ٹری) {
  __optimizeReactComp घटकTree (MyComp घटक)؛
}
module.export = MyComp घटक؛

جاوا اسکرپٹ کوڈ کے تالیف کا اظہار کریں جو ورچوئل DOM کو جوڑتا ہے جبکہ کونیی جاوا اسکرپٹ کوڈ کو مرتب کرتا ہے جو DOM کو براہ راست جوڑتا ہے۔ یہاں کونیی کی کوئی زیادہ گہری تفہیم نہیں ہے اور کوڈ کی سطح پر رد عمل ظاہر کرتا ہے۔ میرے اگلے بلاگ پر مزید تلاش کرنے دیں۔ :)