معرفی ده کامپوننت react

دراین نوشته قراره درمورد چند کامپوننت از react صحبت کنیم و اون ها رو به شما معرفی کنم . ریکت (react js) یه کتابخونه ui قوی هستش که شما میتونید ازش در سمت front-end استفاده کنید. اگه هنوز در مورد react  اطلاعات زیادی نداری میتونی مقاله  آشنایی با reactjs و پا گذاشتن به دنیای react native  رو مطالعه کنی  .

  React Slick

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

 React Google Map

به شما اجازه میده تا کامپوننت های متحرک  ری اکت رو روی هر نقشه ای اجرا کنید ، برپایه Google Map api کار میکنه

 React Burger Menu

این کامپوننت از انیمیشن های زیادی مثل push  و stack و … پشتیبانی میکنه . یک نوار off-canvas رو در کنار تعدادی استایل css ارایه میده .

React Paginate

این کامپوننت رو میتونید با css سفارشی سازی کنید و با استفاده از اون شماره صفحات ، اتیکیت به دکمه های قبل و بعد  و … اضافه کنید .

React Grid Layout

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

React Avater Editor

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

React Vis

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

React Mid Spinner

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

React Player

از این کامپوننت برای پخش ویدئو ها ، از مسیر های مختلف url ها همچون فیسبوک ، یوتیوب و .. می باشد . همچنین ویژگی هایی برای کنترل صدا و غیره   رو شامل میشه .

React Dates

تقویمی سازگار با تلفن های همراه میباشد که تمامی ویژگی ها را دارد ؛ همچنین میتونید ظاهر تقویم رو سفارشی سازی کنید .

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