معرفی ده کامپوننت 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
تقویمی سازگار با تلفن های همراه میباشد که تمامی ویژگی ها را دارد ؛ همچنین میتونید ظاهر تقویم رو سفارشی سازی کنید .
اگه دوست داشتید میتونید به این لینک سر بزنید و بیشتر در موردش مطالعه کنید .
دیدگاهتان را بنویسید