پنل مشتریان
  • عضویت در سایت
  • یا
  • ورود به اکانت کاربری
۰۹۰۳۲۰۹۲۱۳۲

معرفی ۱۰کامپوننت محبوب و کاربردی React

اگه این مقاله رو میخونید به احتمال زیاد با react آشنایی دارید اما اگه هنوز مقاله React Native چیست؟ رو نخوندید پیشنهاد میکنم حتما مطالعه کنید. اما تو این مقاله قراره یک سری کامپوننت محبوب و کاربردی از react رو به شما معرفی کنیم به جای اینکه هر چیزی رو خودتون بسازید میتونید از کامپوننت های خارجی برای افزودن سریع ویژگی ها و عملگر ها استفاده کنید .

همچنین این کامپوننت ها به صورت فعال آپدیت میشن و میتونند  کمک بزرگی برای پروژه بعدی شما باشند

Recharts

اولین مورد Recharts هستش که چارت های رو با استفاده از کامپوننت های react  تولید میکنه Recharts با عناصر svg ساخته شده و قابلیت تغییر مقیاس رو داره تقریبا میشه گفت ساخت  هر نوع چارتی امکان پذیره.

React DnD

شما میتونید محیط های drag and drop رو با استفاده از کامپوننت های ری اکت بسازید . یک کتابخانه ری اکت  که توسط Atlassian برای ساخت کامپوننت های drag and drop  طراحی شده که یک API قوی ارائه میده خیلی راحت استفاده میشه و تعداد زیادی تنظیمات سفارشی سازی و کنترل ها رو پیشنهاد میده این کامپوننت های ساخته شده شامل انیمیشن های نرمی هستند که هنگام برداشتن یا مرتب سازی  واکنش های طبیعی دارند .

 

React virtualizad

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

React buger menu

شامل یک کامپوننت ری اکت سایدبار off canvas با تعدادی افکت و استایل هست و همچنین شامل انیمیشن های مختلفی مثل اسلاید ، استک ، حباب ، push و غیره هست که از ویژگی های css3 استفاده میکنه به همین خاطر ممکنه انیمیشن ها تو همه مرورگرا به خوبی نمایش نده .

gatsby.js

با استفاده از gatsby شما قادر خواهید بود تا با استفاده از React وبسایت های ایستا بسازید . این کتابخونه به شما اجازه میده تا داده رو از منابعی مختلف مثل CMS موردعلاقه ی شما ، پایگاه داده ،api و یا حتی فایل سیستم دریافت کنید.

React redit cards

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

styled components

به شما اجازه میده تا کامپوننت های ری اکت رو با استفاده از css خالص آراسته کنید . این کتابخانه عمل mapppping واسطه بین کامپوننت ها و ظاهر سازی (توسط css)  رو حذف میکنه و پروسه ی آراسته کردن(styled) رو سریع تر و راحت تر میکنه.

React trend

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

React bootstrap

React bootstrap ترکیبی از دو فریم ورک قدرتمند برای ساخت کتابخانه ای با قابلیت استفاده ی مجدد از اجزای فرانت-اند میباشد . شما با استفاده از این کتابخونه میتونید بدون بدون نوشتن کد اضافی و تکراری نمایی از یک سایت بوت استرپ رو داشته باشید چون این کتابخانه به جاوا اسکریپت اجازه میده تا رندر کردن صفحه راو در سطحی بالاتر از css و html انجام بده .

React player

یک کامپوننت react برای پخش ویدئو ها از مسیرها و url های  مختلفی مثل یوتیوب ، فیسبوک ، توویچ و غیره . این url رو تجزیه میکنه و sdk های خارجی و کدهای مناسب رو برای پخش ویدئو بارگذاری میکنه . تنظیمات داخلی میتونه برای کنترل میزان صدا ، طول و ارتفاع پلیر و غیره بکار بره .

برچسب‌ها:

درباره zohre

zohre

درباره نویسنده zohre

دیدگاه های شما

ما به شما گوش میکنیم!

شما باید وارد سایت شوید تا بتوانید نظر دهید.

کانال تلگرام ما
Copyright © 2017 WwW.TOoLeK.Ir, Allrights Reserved.
Design & Coding With by Toolek