5 کتابخانه خفن ری اکت که احتمالا ازشون
بی خبری! 🔵


1⃣ کتابخانه Ant Design

کتابخانه Ant Design در ری اکت شامل مجموعه بسیار گسترده و متنوع از کامپوننت های از پیش ساخته شده و آماده برای توسعه اپیکیشن های ری اکتی هست!
این کتابخانه بیش از 75 کامپوننت آماده داره که هم ظاهر جذابی دارن و هم امکانات فوق العاده ای در اختیار ما میزارن.


🔢 کتابخانه React-motion

کتابخانه های خیلی زیادی برای بحث انیمیشن در ری اکت وجود دارن اما کتابخانه React-motion از spring configuration برای اعمال انیمیشن استفاده میکنه و پیچیدگی خیلی کمی داره.
پیاده سازی انیمیشن به کمک React-motion در ریکت خیلی آسونه و نیاز به یادگیری خاصی نداره.


🔢 کتابخانه Enzyme

کتابخانه Enzyme در ری اکت برای تست نویسی کاربرد داره و معمولا نسبت به سایر کتابخانه های تست نویسی در ری اکت محبوب تره.
کتابخانه Enzyme در ریکت خیلی انعطاف پذیره و به همین دلیل نسبت به سایر کتابخانه های تست نویسی در ریکت ترجیح داده میشه.


🔢 کتابخانه Advanced Cropper

کتابخانه React Advanced Cropper به ما اجازه میده تصاویر رو در اپیکیشن های ری اکتی، برش بدیم ( ابزار Crop )

همچنین میشه به کمک کتابخانه Advanced Cropper در ری اکت، سایز و نسبت تصویر رو تغییر داد ( Aspect ratio )


🔢 کتابخانه React Helmet

کتابخانه React Helmet یک کامپوننت بسیار کاربردیه که در زمینه مدیریت تگ head هر صفحه به ما کمک میکنه.

از اونجایی که خزنده های موتور های جستجوگر مثل گوگل از طریق تگ head هر صفحه متوجه میشن اون صفحه شامل چه اطلاعاتیه و بر این اساس رتبه بندی میشن، استفاده از کتابخانه React Helmet تو ری اکت ضروریه ( البته اگه نیاز به سئو داشته باشیم )


شاید یادگیری همه این کتابخانه ها ضروری نباشه اما به عنوان یک React Developer بهتره باهاشون آشنا باشید تا درصورت نیاز، از اونها استفاده کنید🔥


#react
@CodeModule

ری اکت کوئری و هر چیزی که باید راجبش بدونیم!


ری اکت کوئری یکی از قدرتمندترین کتابخانه های React هست که به ما در زمینه Data-Fetching و State Management کمک میکنه. البته کتابخانه React Query به همین 2 قابلیت ختم نمیشه و مزایای بیشتری داره ک در ادامه با اون ها آشنا میشیم 🔥

در حقیقت React Query یک کتابخانه ری اکتی هست و در پروژه هایی که با React یا Next.js توسعه داده شدن ، قابلیت استفاده داره.

اما ری اکت کوئری چه مزایایی داره ؟


‼️ امکان Fetch کردن اطلاعات از سرور

‼️ امکان کش کردن اطلاعات دریافت شده

‼️ بروزرسانی خودکار اطلاعات

‼️ قابلیت صفحه بندی یا Pagination

‼️ بهبود Performance پروژه

‼️ سازگاری کامل با تایپ اسکریپت

‼️ امکان مدیریت خطا و لودینگ


به جرئت میشه گفت که ری اکت کوئری برای همه پروژه های ری اکت ضروریه ! چون عملیات دریافت اطلاعات از سرور ، کش کردن اون اطلاعات و بروزرسانی اون اطلاعات رو برای ما خیلی ساده انجام میده و مدیریت میکنه.

برای یادگیری این کتابخونه خفن میتونید به داکیومنتش مراجعه کنید.

Document 🌐

#library #react_query
@CodeModule