منصوبے کے بارے میں

react-window بڑے ڈیٹا سیٹس کو رینڈر کرنے کے لیے React کمپوننٹس فراہم کرتا ہے جبکہ ہر آئٹم کے لیے ایک ساتھ عناصر بنانے کی کارکردگی کی لاگت سے بچتا ہے۔ یہ دو اہم کمپوننٹس پیش کرتا ہے: List بہت سی قطاروں والے ڈیٹا کے لیے، اور Grid بہت سی قطاروں اور کالموں والے ڈیٹا کے لیے۔ List کمپوننٹ کو rowComponent، rowCount، rowHeight، اور rowProps درکار ہوتے ہیں۔ قطار کی اونچائیاں پکسلز، فیصد، انڈیکس اور سیل پراپس کے فنکشنز، یا useDynamicRowHeight سے ایک متحرک قطار-اونچائی کیشے کے طور پر بیان کی جا سکتی ہیں۔ دستاویزات نوٹ کرتی ہیں کہ متحرک اونچائیاں پہلے سے طے شدہ سائز سے کم مؤثر ہوتی ہیں۔ اختیاری خصوصیات میں overscan رینڈرنگ، حسب ضرورت قطار کیز، resize اور visible-range کال بیکس، سرور رینڈرنگ کی طے شدہ اونچائی، حسب ضرورت CSS کلاسز اور اسٹائلز، روٹ ایلیمنٹ اوور رائیڈز، اور اسکرولنگ اور DOM رسائی کے لیے ایک imperative ref API شامل ہیں۔ Grid کمپوننٹ کو cellComponent، cellProps، columnCount، columnWidth، rowCount، اور rowHeight درکار ہوتے ہیں۔ کالم اور قطار کے سائز پکسل ویلیوز، فیصد، یا فنکشنز ہو سکتے ہیں، لیکن List قطاروں کے برعکس، Grid سیل کے سائز رینڈرنگ کے بغیر طے کیے جانے کے قابل ہونے چاہئیں۔ Grid دونوں سمتوں میں overscan، حسب ضرورت قطار اور کالم کیز، دشاتمک متن، سرور رینڈرنگ کے لیے طے شدہ ڈائمینشنز، resize اور rendered-cell کال بیکس، اوورلیز یا ٹول ٹپ چلڈرن، اور imperative grid refs کو بھی سپورٹ کرتا ہے۔ پیکیج npm سے "npm install react-window" کے ساتھ انسٹال کیا جاتا ہے، اور TypeScript تعریفیں شائع شدہ ڈسٹری بیوشن میں شامل ہیں۔ دستاویزات react-window.vercel.app پر دستیاب ہیں، جس میں ورژن 1.x کی الگ دستاویزات ہیں۔ README میں React DevTools اور Replay براؤزر سمیت منصوبوں میں استعمال بیان کیا گیا ہے، لیکن کارکردگی کے مخصوص بینچ مارک دعوے نہیں کیے گئے۔