آشنایی با فریم ورک React Virtualized

این گزینه از کادر ورک های React JavaScript قادر است به شما طراحی اپلیکیشن در مشهد در رندر کردن لیست های تعالی و داده های جدولی یاری دهد. با به کار گیری از این قاب ورک شما می‌توانید تعداد درخواست ها و همچنین ارکان DOM(Document Object Model ) را محصور نمایید و با این عمل بر روی کوشش اپ های خویش اثر بگذارید.

نصب:

npm install react-virtualized

طراحی:

import \'react-virtualized/styles.css\'

import { Column, Table } from \'react-virtualized\'

import AutoSizer from \'react-virtualized/dist/commonjs/AutoSizer\'

import List from \'react-virtualized/dist/commonjs/List\'

{

alias: {

\'react-virtualized/List\': \'react-virtualized/dist/es/List\',

},

...rest

}

مزایا:

-          تعداد بسیار متعددی از اطلاعات را به شکلی موءثر اکران می‌دهد.

-          یک گروه کبیر از اطلاعات را به شما ارائه می‌دهد.

-          طراحی رندر کردن مجازی با استعمال از تیم ای از کامپوننت ها.

React DnD از مشهورترین قاب ورک های React JavaScript

این قاب ورک مسئول ساخت و ساز رابط های کاربری برای درگ اند دراپ است. هزاران کتابخانه درگ اند دراپ وجود دارااست البته یکی‌از مهمترین عواملی که سبب میگردد تا این قاب ورک یکی شایسته ترین کادر ورک های React JavaScript باشد این میباشد که‌این قاب ورک بر محور API درگ اند دراپ HTML5 میباشد که‌این مسئله منجر میشود تا فرآیند ایجاد کرد رابط های کاربری ریلکس خیس گردد.