جدول واکنش: یک اموزش کامل با مثال

  • 2022-04-16

React Table: A Complete Tutorial With Examples

یادداشت سردبیر : این جدول واکنش در ژانویه 2021 به روز شد تا به روزرسانی های موجود در جدول واکنش 7 را توصیف کند .

رابط کاربری جدول در محصولات وب بسیار رایج است زیرا یکی از موثرترین راه ها برای سازماندهی داده های پیچیده در رابط کاربری است.

ساخت یک رابط کاربری جدول از ابتدا می تواند یک نظم بلند, و واکنش نشان می دهند جداول, به خصوص, شناخته شده است به توسعه دهندگان سردرد. خوشبختانه طیف گسترده ای از ابزارها و کتابخانه ها در دسترس هستند تا تجربه ایجاد جدول واکنش بسیار ساده تر و با ارزش تر باشد — به ویژه جدول واکنش.

در این مقاله به شما نشان خواهیم داد که چگونه یک رابط کاربری جدول داده واکنش هوشمند با قابلیت مرتب سازی و جستجوی اساسی با استفاده از جدول واکنش ایجاد کنید .

ما به طور مفصل موارد زیر را پوشش خواهیم داد:

واکنش نشان می دهند جداول مورد استفاده برای چیست?

برخی از موارد استفاده معمول برای رابط کاربری جدول واکنش شامل نمایش داده ها برای گزارش های مالی, مدیران ورزشی, و قیمت گذاری و مقایسه صفحات, به نام فقط چند.

Data Table UI Showing Sports Statistics

برخی از محصولاتی که از جداول به طور گسترده استفاده می کنند عبارتند از:

  • قابل حمل
  • مشاهده لیست اسانا
  • گاهشمار اسانا
  • ورق های گوگل
  • جدول مفهوم

در میان غول تکنولوژی است که با استفاده از جدول واکنش گوگل اپل و مایکروسافت هستند.

واکنش نشان می دهند جدول است?

واکنش نشان می دهند جدول یکی از کتابخانه های جدول به طور گسترده استفاده می شود در واکنش است. این بیش از 13,000 ستاره در گیتهاب در زمان نوشتن این مقاله, دریافت به روز رسانی مکرر, و پشتیبانی از قلاب. کتابخانه جدول واکنش بسیار سبک وزن است و تمام ویژگی های اساسی لازم برای هر جدول ساده را در اختیار شما قرار می دهد.

واکنش نشان می دهند جدول نسخه 7

در ماه مارس 2020, واکنش نشان می دهند جدول خالق تنر لینسلی منتشر واکنش نشان می دهند جدول وی7, که او به عنوان "نقطه اوج بیش از یک سال توصیف [سیک] ارزش کار را به فاکتور کل کتابخانه به یک رابط کاربر تنها قلاب/سبک/نشانه گذاری اگنوستیک ابزار ساخت جدول.”

در واکنش جدول وی7 است از مجموعه ای از واکنش نشان می دهند قلاب و پلاگین طراحی شده برای کمک به شما نوشتن ویژگی های منطقی از شبکه های داده های پیچیده را به یک تشکیل شده است, عملکرد, توسعه, و پیش بینی نشده, است که توسط قلاب قابل استفاده اولیه بازگشت.

به عنوان یک ابزار بی سر, واکنش نشان می دهند جدول وی7 عناصر رابط کاربری جدول داده را خارج از جعبه رندر یا عرضه نمی کند. این بدان معناست که شما وظیفه رندر کردن نشانه گذاری جدول خود را با استفاده از حالت و پاسخ به تماس قلاب های تهیه شده توسط جدول ریکت دارید.

زمان استفاده از واکنش-جدول

استفاده از واکنش نشان می دهند جدول زمانی که رابط کاربر جدول شما نیاز دارد:

  • ویژگی های اساسی مانند مرتب سازی, فیلتر کردن, و صفحه بندی
  • طراحی رابط کاربری سفارشی برای جدول بدون تاثیر بر عملکرد
  • توسعه پذیری ساده. شما می توانید ویژگی های خود را در بالای کتابخانه با استفاده از قلاب پلاگین سفارشی ساخت

هنگامی که از واکنش استفاده نکنید-جدول

در نظر بگیرید یکی دیگر از واکنش داده کتابخانه جدول زمانی که شما نیاز دارید:

  • پشتیبانی پیش فرض از سرصفحه ها و ستون های ثابت
  • خارج از جعبه پشتیبانی از اسکرول افقی و عمودی برای هر دو دستگاه لمسی و غیر لمسی. واکنش-جدول رابط کاربری را دیکته نمی کند; بی سر است, بنابراین وظیفه ما این است که رابط کاربری را بر اساس نیاز خود تعریف کنیم
  • پشتیبانی از ویرایش درون خطی ستون. ما می توانیم در جدول واکنش به این هدف برسیم اما انجام این کار برای میز ما خارج از محدوده است. برای پشتیبانی از چنین ویژگی هایی باید یک افزونه یا کامپوننت ایجاد کنیم. واکنش نشان می دهند-جدول باقی می ماند درست به نام خود و بهترین راه حل برای رندر جداول ساده است
  • جداول بی نهایت طولانی مانند یک ورق گوگل. برای میزهای متوسط خوب کار می کند اما برای میزهای طولانی خوب نیست

موارد استفاده برای واکنش-جدول

  • برای جداول ساده است که نیاز به ویژگی های اساسی مانند جستجو, مرتب سازی, فیلتر, و غیره.
  • جدول داده های مالی با عناصر سفارشی

در این جدول واکنش نشان خواهیم داد که چگونه یک کلون قابل حمل ساده با استفاده از جدول واکنش ایجاد کنیم . اما ابتدا اجازه دهید به سرعت ویژگی های یک رابط کاربری جدول واکنش کاملا کاربردی را مرور کنیم و برخی از چالش های رایج مرتبط با ساخت جداول داده واکنش را مورد بحث قرار دهیم/

ویژگی های رابط کاربری جدول را واکنش دهید

ویژگی های اساسی یک رابط کاربر جدول داده واکنش نشان می دهد عبارتند از:

  • تجربه کاربری و رابط کاربری بدون سازش. تایپوگرافی قابل فهم و عناصر سفارشی در داخل رابط کاربر جدول
  • تماس های داده از راه دور برای بارگذاری داده ها
  • جستجوی جدول یا ستون های خاص
  • گزینه های اصلی فیلتر و مرتب سازی

ویژگی های پیشرفته در یک رابط کاربری جدول داده واکنش نشان می دهد عبارتند از:

  • مرتب سازی سفارشی و گزینه های فیلتر برای ستون بر اساس انواع داده (اعداد, رشته, بولی, ورودی را انتخاب کنید, و غیره.)
  • پشتیبانی از صفحه بندی یا جداول بی نهایت طولانی (عملکرد برای مجموعه داده های بسیار بزرگ)
  • نمایش و پنهان کردن ستون ها
  • پشتیبانی از ویرایش درون خطی داده ها برای یک ستون
  • پشتیبانی از ویرایش یک ردیف کامل از داده ها از طریق پانل معین/اطلاعات
  • سرصفحه های ثابت و ستون های ثابت برای سهولت مشاهده داده ها
  • پشتیبانی از چندین دستگاه (پاسخگویی)
  • ستون های قابل اندازه بندی مجدد برای قرار دادن نقاط داده طولانی در داخل یک ستون (به عنوان مثال نظرات چند خطی)
  • پشتیبانی از اسکرول افقی و عمودی
  • ردیف های قابل ارتقا برای نشان دادن داده های کامل در مورد ردیف

چالش های تجربه کاربری رایج در رابط کاربری جدول ریکت

جداول داده از نظر رابط کاربری یکی از بهترین گزینه ها برای نشان دادن داده های پیچیده به صورت سازمان یافته است. اما هوشمندانه است, این مشکل است-وقتی از چندین دستگاه پشتیبانی می کنید به راحتی از کنترل خارج می شود. برخی از چالش های تجربه کاربری برای جداول عبارتند از:

پاسخگویی

این مشکل را به یک جدول پاسخگو بدون تغییر طرح را با توجه به اندازه صفحه نمایش کوچکتر.

پیمایش

یک جدول ممکن است نیاز به پیمایش در هر دو جهت داشته باشد. پیمایش مرورگر پیش فرض خوبی برای جداول تمام عرض کار خواهد کرد, اما بیشتر از عرض های سفارشی هستند. نوارهای پیمایش سفارشی برای پشتیبانی در هر دو صفحه لمسی و غیر لمسی بسیار مشکل هستند.

مدیریت عرض ستون

مدیریت عرض ستون بر اساس طول داده روی حیله و تزویر است. هنگامی که داده های پویا را در جدول بارگذاری می کنیم اغلب باعث اشکالات تجربه کاربری می شود. هر بار که داده ها تغییر, این تغییر اندازه عرض ستون و باعث قطعی هم ترازی. ما باید در هنگام طراحی تجربه کاربری در رسیدگی به این موضوعات دقت کنیم.

چه موقع رابط کاربری جدول واکنش خود را بسازید

سناریوهایی که ممکن است بخواهید رابط کاربری جدول واکنش خود را بسازید عبارتند از:

  • وقتی میز شما فقط یک ویترین است که تعاملات زیادی ندارد
  • هنگامی که به یک رابط کاربری سفارشی برای میز نیاز دارید
  • هنگامی که شما نیاز به جدول خود را بسیار سبک وزن و بدون هیچ گونه قابلیت

در اینجا چند مورد استفاده رایج برای ساخت رابط کاربری جدول واکنش خود وجود دارد که فقط چند مورد را نام ببرید:

  • صفحات محصول / بازاریابی با جداول برای مقایسه
  • جداول قیمت گذاری
  • جداول ساده با یک ظاهر طراحی شده سفارشی است که بسیاری از فعل و انفعالات برای ستون های دیگر از متن پاپور ساده نیاز ندارد

مثال جدول واکنش: ساخت یک کامپوننت جدول واکنش با واکنش-جدول

نظریه کافی-بیایید به یک مثال جدول واکنش واقعی شیرجه بزنیم. برای نشان دادن نحوه استفاده از واکنش جدول برای ایجاد یک کامپوننت جدول واکنش, ما یک رابط کاربری جدول ساده با ویژگی های اساسی مانند مرتب سازی و جستجو ساخت. در اینجا به عنوان مثال جدول واکنش نشان می دهند به خوبی کار با است.

ابتدا یک برنامه واکنش با استفاده از ایجاد-واکنش-برنامه ایجاد کنید:

تماس با اکسیوس

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

برای خرید اپلیکیشن های اکسپلورر به اینستاگرام مراجعه کنید :

ما حالتی به نام دادهها ایجاد میکنیم و هنگامی که کامپوننت نصب میشود رابط کاربری را با استفاده از بدیهها و دادهها تنظیم میکنیم .

بیش از 200 هزار توسعه دهنده از لاگروکت برای ایجاد تجربیات دیجیتالی بهتر استفاده می کنند

بیشتر بدانید more

اضافه کردن واکنش جدول به برنامه شما

برای اضافه کردن واکنش-جدول :

واکنش نشان می دهند-استفاده جدول واکنش نشان می دهند قلاب. این یک قلاب میز اصلی به نام قابل استفاده دارد و دارای یک سیستم پلاگین برای افزودن قلاب های پلاگین است. بدین ترتیب, واکنش نشان می دهند جدول است که به راحتی توسعه بر اساس نیاز سفارشی ما.

بیایید رابط کاربری اصلی را با قلاب قابل استفاده ایجاد کنیم. ما یک مولفه جدول جدید ایجاد خواهیم کرد که دو پروکسی را قبول می کند: داده ها و ستون ها . داده ها داده هایی است که ما از طریق فراخوانی رابط کاربری گرافیکی دریافت کردیم, و ستون ها شی برای تعریف ستون های جدول است (سرصفحه ها, ردیف ها, نحوه نمایش ردیف, و غیره.). به زودی این کد را خواهیم دید.

در اینجا در ستون ها می توانیم چندین گروه از سرصفحه ها و ستون ها ایجاد کنیم. ما دو سطح ایجاد کردیم.

همه ستون ها دارای یک لوازم جانبی نیز هستند که همان داده هایی است که ما در شی داده داریم. داده های ما در داخل شی نشان می دهد در مجموعه — به همین دلیل تمام لوازم جانبی ما نشان می دهد. به عنوان یک پیشوند.

بیایید اجزای جدول خود را تمام کنیم:

ما ستون ها و داده ها را به قابل استفاده منتقل خواهیم کرد . قلاب خواهد غرفه لازم برای جدول بازگشت, بدن, و داده های تبدیل به ایجاد هدر و سلول. هدر با تکرار از طریق هدر گروه ها ایجاد می شود و ردیف های بدنه جدول با حلقه زدن در ردیف ها ایجاد می شوند .

به این ترتیب سلول و هدر را رندر کردیم. اما مقادیر سلول ما فقط رشته هستند و حتی مقادیر مجموعه به مقادیر رشته ای جدا شده با کاما تبدیل می شوند. به عنوان مثال:

در جدول, به سادگی به عنوان یک رشته جدا شده با کاما رندر می شود, مثلا, کمدی,علمی تخیلی . در این مرحله, برنامه ما باید شبیه به این:

Basic Table UI With Limited Functionality

یک ظاهر طراحی شده سفارشی در واکنش-جدول

این یک جدول خوب برای اکثر موارد استفاده است, اما اگر ما نیاز به سبک های سفارشی? واکنش نشان می دهند جدول اجازه می دهد تا شما را به تعریف سبک های سفارشی برای هر سلول. این را می توان مانند این در شی ستون تعریف کرد. بیایید یک عنصر سفارشی مانند نشان برای نشان دادن هر ژانر ایجاد کنیم.

در مثال بالا از طریق روش سلول به مقدار دسترسی پیدا می کنیم و سپس مقدار محاسبه شده یا کامپوننت سفارشی را برمی گردانیم.

برای زمان اجرا, ما محاسبه تعداد ساعت و بازگشت به مقدار سفارشی. برای ژانرهای, ما حلقه و ارسال ارزش به یک مولفه های سفارشی, و این بخش یک عنصر نشان مانند ایجاد.

بسیار ساده است که ظاهر و احساس را در جدول واکنش سفارشی کنید. بعد از این مرحله رابط کاربری جدول ما به این شکل خواهد بود:

Table UI With Badges For The Genre Column

به این ترتیب می توانیم سبک را برای هر سلول بر اساس نیاز سفارشی کنیم. شما می توانید هر عنصر سفارشی برای هر سلول بر اساس مقدار داده نشان می دهد.

مقالات بیشتر بزرگ از لاگروکت:

  • هنوز یک لحظه با پخش را از دست ندهید, یک خبرنامه سرپرستی از لاگروکت چگونه گالیله لاگروکت کاهش از طریق سر و صدا به فعالانه حل و فصل مشکلات در برنامه شما
  • برای بهینه سازی عملکرد برنامه خود از اثر استفاده ریکت استفاده کنید
  • با انیمکسیز یک چارچوب جدید برای ساخت باینری ها بین چندین نسخه از نود جابجا شوید
  • مقایسه نستجیاس در مقابل اکسپرس.جی اس

افزودن قابلیت جستجو با استفاده از فیلترها

بیایید کمی عملکرد بیشتری به میز خود اضافه کنیم. اگر شما در صفحه نسخه ی نمایشی برای واکنش جدول نگاه, در حال حاضر همه چیز شما نیاز به ایجاد یک جدول هوشمند سفارشی فراهم می کند. فقط یک چیز در نسخه ی نمایشی خود گم شده است:قابلیت جستجوی جهانی. بنابراین من تصمیم به ایجاد است که با استفاده از فیلترها قلاب پلاگین از واکنش نشان می دهند جدول.

ابتدا اجازه دهید یک ورودی جستجو در جدول ایجاد کنیم.جی اس :

این یک حالت ساده و ساده برای مدیریت حالت ورودی است. اما در حال حاضر, چگونه به تصویب این مقدار فیلتر به جدول ما و فیلتر ردیف جدول?

برای که, واکنش نشان می دهند جدول دارای یک پلاگین قلاب خوب به نام استفاده از فیلتر .

در مثال ما قصد داریم فیلتر را فقط برای ستون نام تنظیم کنیم. به منظور فیلتر کردن نام, زمانی که تغییرات مقدار ورودی, ما نیاز به تنظیم اولین پارام ما به عنوان لوازم جانبی ستون و یا ارزش شناسه و پارامتر دوم ما به عنوان مقدار فیلتر جستجو.

بیایید دسته خود را به روز کنیمعملکرد تعویض فیلتر:

این است که چگونه رابط کاربر به نظر می رسد پس از اجرای جستجو:

Table UI With Search Functionality

این یک مثال بسیار اساسی برای فیلترها است و چندین گزینه وجود دارد. شما می توانید مستندات اپلیکیشن را در اینجا ببینید.

افزودن مرتبسازی با استفادههای مرتبسازی

بیایید یک عملکرد اساسی دیگر را برای جدول خود پیاده سازی کنیم: مرتب سازی. بیایید اجازه مرتب سازی برای همه ستون ها را بدهیم. باز هم بسیار ساده است-همان فیلتر کردن. ما باید یک قلاب افزونه به نام اضافه کنیم استفاده می کنیمورتبه و سبک را برای نشان دادن نماد مرتب سازی در جدول ایجاد کنید. این به طور خودکار مرتب سازی را در سفارشات صعودی/نزولی انجام می دهد.

بر اساس مرتب سازی, ما اضافه کردن نام کلاس مرتب سازی بر اساس نزولی و یا مرتب سازی بر صعودی . ما همچنین پروکسی های مرتب سازی را به هدر ستون اضافه می کنیم.

این به طور خودکار امکان مرتب سازی برای همه ستون ها را فراهم می کند. شما می توانید با غیرفعال کردن مرتب سازی در ستون های خاص با استفاده از گزینه غیرفعال شده بر روی یک ستون کنترل کنید. در مثال ما اجازه مرتب سازی بر روی تمام ستون ها را دادیم. شما می توانید با نسخه ی نمایشی بازی کنید.

رابط کاربری پس از اجرای مرتب سازی ما اینگونه به نظر می رسد:

Table UI With Sorting Functionality

البته, شما می توانید این نسخه ی نمایشی حتی بیشتر گسترش — اجازه دهید من می دانم اگر شما نیاز به کمک در بخش نظرات. برخی از ایده ها برای گسترش عبارتند از:

  • چندین ستون را با استفاده از یک فیلتر جهانی فیلتر کنید ( نکته: به جای فیلتر تنظیم از فیلترهای تنظیم استفاده کنید )
  • صفحه بندی ایجاد کنید و داده های بیشتری را برای بارگیری جدول فراخوانی کنید
  • اجازه مرتب سازی فقط برای زمینه های خاص (غیر فعال کردن مرتب سازی بر اساس ستون)
  • به جای عبور از یک مقدار جستجو سخت کدگذاری شده به تلویزیون پیچ و خم رابط های برنامه کاربردی, ایجاد یک ورودی برای جستجو در تلویزیون پیچ و خم رابط های برنامه کاربردی به طور مستقیم (به عنوان مثال, حذف فیلتر سمت سرویس گیرنده و اضافه کردن سمت سرور جستجو از تلویزیون نشان می دهد از طریق رابط های برنامه کاربردی و تغییر داده ها)

اتمام واکنش نشان می دهند-صفحه به عنوان مثال گسترده جدول به گسترش این نسخه ی نمایشی. این سینک ظرفشویی بسیار خوبی برای بازی دارد و راه حل هایی را برای اکثر موارد استفاده فراهم می کند.

واکنش نشان می دهند جایگزین جدول

اگرچه واکنش-جدول محبوب ترین کتابخانه جدول واکنش است اما همیشه بهترین راه حل برای ساخت جدول در واکنش نیست. گزینه های زیادی وجود دارد که بسته به پروژه خاص و مورد استفاده شما نیز ممکن است متناسب با نیازهای شما باشد.

در زیر برخی از جایگزین واکنش نشان می دهند کتابخانه جدول که ارزش چک کردن هستند.

1. واکنش-داده-شبکه

واکنش نشان می دهند داده شبکه برای ایجاد جداول هوشمند استفاده می شود. بیش از 4000 ستاره گیتهاب دارد و به خوبی نگهداری می شود.

چه موقع از شبکه واکنش-داده استفاده کنیم

استفاده از واکنش داده شبکه زمانی که جدول داده های شما نیاز دارد:

  • ویژگی های اساسی مانند ستون گروه بندی, مرتب سازی, جستجو, و فیلتر
  • ویرایش درون خطی ستون ها
  • یک کرکره در داخل یک ستون (مانند ورق های گوگل) و یا هر عنصر ورودی سفارشی در داخل ستون
  • پشتیبانی از گسترش ستون ها برای نشان دادن داده های بیشتر
  • برای عملکرد خوب تنظیم می شود, یعنی از رندر مجازی برای ردیف های جدول بی نهایت طولانی پشتیبانی می کند
  • پشتیبانی از حالت خالی زمانی که هیچ ردیف وجود دارد

چه موقع از شبکه واکنش-داده استفاده نکنید

واکنش نشان می دهند داده شبکه را پوشش می دهد تقریبا تمام نیازهای اساسی برای یک جدول داده. با این حال, به طور پیش فرض از صفحه بندی پشتیبانی نمی کند, بنابراین اگر جدول شما نیاز به صفحه بندی دارد, باید به صورت دستی پیاده سازی و مدیریت کنید. به طور پیشفرض, ری-دیتا گرید از رابط کاربری جدول طولانیتر پشتیبانی میکند و برای عملکرد بهینهسازی شده است, بنابراین صفحهبندی ممکن است لازم نباشد مگر اینکه تجربه کاربری بخواهد.

همچنین از بوت استرپ برای یک ظاهر طراحی شده استفاده می کند. شما هنوز هم می توانید از شبکه ری ری-داده استفاده کنید اما در این صورت باید استایل خود را برای جدول اضافه کنید. در مقایسه با جدول واکنش به راحتی قابل تنظیم نیست که به شما امکان می دهد ساختار جدول را ایجاد کنید. در اینجا در ری-گرید داده, کتابخانه رابط کاربری جدول را ایجاد می کند, بنابراین برای صفحات سفارشی سنگین رابط کاربر عالی نیست.

در حالی که نکات فوق دقیقا کاستی نیست, خوب به دانستن در مورد قبل از شروع به استفاده از واکنش داده شبکه.

موارد استفاده از جدول داده ها را واکنش دهید

نیازهای متوسط زمانی که شما باید یک جدول داده کوچک قابل ویرایش شبیه به ورق های گوگل یا قابل حمل با تجربه کاربری خوب ایجاد کنید.

2. واکنش نشان می دهند-دیتاشیت

واکنش نشان می دهند-دیتاشیت شبیه به واکنش داده شبکه است. حدود 4500 ستاره گیتهاب دارد و به همین ترتیب یک کتابخانه خوب نگهداری شده است.

این در درجه اول در کمک به شما خود نرم افزار مانند ورق های گوگل خود را ایجاد کنید متمرکز است. این ویژگی های اساسی برای ایجاد چنین برنامه های کاربردی سنگین ساخته شده است. یک بار دیگر ممکن است برای ایجاد یک رابط کاربری صفحه عمومی با جداول مناسب نباشد.

با این حال برخلاف ری-گرید داده برای مجموعه داده های بزرگ بهینه سازی نشده است بنابراین برای برنامه های کوچکی که به قابلیت های شبه ورق نیاز دارند استفاده کنید. این تنها یک مورد استفاده دارد و ویژگی هایش در مقایسه با شبکه های واکنش داده بسیار محدود است.

3. واکنش نشان می دهند-مجازی

همانطور که از نام نشان می دهد, واکنش مجازی است که به شدت برای عملکرد بهینه سازی شده زمانی که مجموعه داده بزرگ است. این کتابخانه دقیقا یک کتابخانه جدول نیست. این است که به طور انحصاری برای نمایش مجموعه داده های بزرگ بر روی رابط کاربری در فرمت های مختلف, مانند شبکه, جدول, و لیست.

هنگامی که به استفاده از واکنش نشان می دهند-مجازی

هنگامی که مجموعه داده های خود را بسیار بزرگ است, عملکرد رندر متریک کلیدی برای جدول است; اگر این مورد است, رفتن برای واکنش نشان می دهند مجازی. برای موارد استفاده عادی این کتابخانه بیش از حد مورد استفاده قرار می گیرد و رابط کاربری بسیار پیشرفته خواهد بود.

واکنش-موارد استفاده مجازی

استفاده از واکنش نشان می دهند-مجازی برای جدول زمانی سفارشی, نمودار شامل تقویم بی نهایت طولانی, و عناصر رابط کاربر سنگین برای مجموعه داده های بزرگ خود را.

نحوه انتخاب کتابخانه جدول واکنش

  • برای یک صفحه ساده با داده های محدود, سبک های سفارشی, و حداقل تعامل مانند مرتب سازی و فیلتر, استفاده از واکنش نشان می دهند - جدول
  • برای ساخت یک نرم افزار ورق مانند مینی گوگل, اما با داده های محدود, استفاده از واکنش نشان می دهند-داده-شبکه و یا واکنش نشان می دهند-دیتاشیت
  • برای ورق های گوگل - و یا نرم افزار قابل حمل مانند با یک مجموعه داده های بزرگ, استفاده از واکنش نشان می دهند-داده-شبکه
  • هنگامی که شما در حال کار با یک مجموعه داده بسیار بزرگ و شما نیاز به یک رابط کاربر سفارشی است که جداول, شبکه, و بسیاری از گزینه های بیشتر, را انتخاب کنید واکنش نشان می دهند مجازی

نتیجه گیری

این است که چگونه نهایی واکنش نشان می دهند نسخه ی نمایشی جدول به نظر می رسد پس از ما مرتب سازی اضافه شده است. شما می توانید با نسخه ی نمایشی بازی در اطراف و چک کردن کدهای برای مثال جدول واکنش نشان می دهند ما.

ما یاد گرفته ایم که چگونه یک رابط کاربری جدول با استفاده از ریکت بسازیم. ایجاد جدول شخصی برای موارد استفاده اولیه کار دشواری نیست اما اطمینان حاصل کنید که در صورت امکان چرخ را دوباره اختراع نمی کنید. امیدوارم از یادگیری در مورد رابط کاربری جدول لذت برده باشید — در مورد تجربه خود با جداول در نظرات به من اطلاع دهید.

سر و صدای گزارش خطای واکنش سنتی را با لاگروکت برش دهید

لاگروکت یک راه حل تجزیه و تحلیل واکنش است که شما را از صدها هشدار خطاهای مثبت کاذب به چند مورد واقعا مهم محافظت می کند. لاگروکت به شما میگوید که تاثیرگذارترین اشکالات و مشکلات تجربه کاربری در واقع کاربران را در برنامههای ریکتیو شما تحت تاثیر قرار میدهد.

موشک ورود به سیستم به طور خودکار جمع خطاهای سمت سرویس گیرنده, واکنش نشان می دهند مرزهای خطا, دولت ردوکس, بار بار مولفه کند, استثنا جی اس, معیارهای عملکرد ظاهر, و تعاملات کاربر. سپس لاگروکت از یادگیری ماشینی استفاده میکند تا شما را از تاثیرگذارترین مشکلاتی که بیشترین کاربران را تحت تاثیر قرار میدهد مطلع کند و زمینه مورد نیاز برای رفع این مشکل را فراهم کند.

برچسب ها

ثبت دیدگاه

مجموع دیدگاهها : 0در انتظار بررسی : 0انتشار یافته : ۰
قوانین ارسال دیدگاه
  • دیدگاه های ارسال شده توسط شما، پس از تایید توسط تیم مدیریت در وب منتشر خواهد شد.
  • پیام هایی که حاوی تهمت یا افترا باشد منتشر نخواهد شد.
  • پیام هایی که به غیر از زبان فارسی یا غیر مرتبط باشد منتشر نخواهد شد.