moroshko/react-autosuggest
چه کاری انجام میده؟
این کامپوننت یک آگاه به دسترس‌پذیری (WAI-ARIA) برای اتومیت کردن پیشنهادهای متنی در برنامه‌های React فراهم می‌کنه. به کاربران کمک می‌کنه با تایپ کردن، لیستی از پیشنهادات مرتبط رو ببینن و سریع‌تر انتخاب کنن.
کاربرد:
وقتی نیاز داری یک فیلد جستجو یا ورود متنی با پیشنهادهای هوشمند داشته باشی، مثل جستجوی شهر، محصول، یا نام کاربری.
در چه شرایطی بهتره استفاده شود؟
وقتی به دسترس‌پذیری بالا نیاز داری و می‌خوای کاربران با نیازهای خاص هم بتونن راحت از قابلیت جستجوی پیشنهادی استفاده کنن. همچنین وقتی می‌خوای کنترل کامل روی رندر و منطق پیشنهادات داشته باشی.
چند مثال از موارد استفاده:
جستجوی شهر در فرم ثبت سفارش
پیشنهاد نام کاربری در صفحه ثبت‌نام
جستجوی محصول در فروشگاه آنلاین
اتومیت آدرس در نقشه‌ها
- ##React
- ##Autosuggest
- ##WAI
- ##Accessibility
- ##Typeahead
- ##SearchComponent
- ##Frontend
- ##UI
- ##JavaScript
- ##WebDev