6 کتابخانه رابط کاربری React Native که باید در سال 2019 استفاده کنید

با افزایش محبوبیت React  و همچنین توسعه اپلیکیشن های cross-platform تعجب بر انگیز نیست که اپلیکیشن های React Native روز به روز بر تعدادشان افزوده شود.React Native همانند React  شما را تشویق می کند تا رابط کاربری برنامه های خود را به صورت کامپوننت های جداگانه ایجاد کنید.کتابخانه های کامپوننت و ابزارهای UI به شما کمک می کند تا در زمان صرفه جویی کنید و برنامه های خود را سریعتر با استفاده از مجموعه ها و کامپوننت های از پیش ساخته شده، بسازید.

در ادامه لیستی از کتابخانه های رابط کاربری React Native معرفی می شود که شما بر حسب تجربه می توانید تعداد آیتم های این لیست را افزایش دهید.

1. NativeBase

10k ستاره و 1k forks نشان دهنده این است که جزء کتابخانه های رابط کاربری محبوب React Native است که کامپوننت های UI بسیار زیادی در اختیار شما قرار می دهد.هنگام استفاده از native base شما می توانید از هر کتابخانه جانبی دیگری با یک اکوسیستم قوی در اطراف آن استفاده کنید.همچنین در nativebase به راحتی میتوانید کامپوننت ها را شخصی سازی کنید.برای کار با کامپوننت های این کتابخانه می توانید دوره آموزشی کار با native-base را مشاهده کنید.

React Native Elements.2

حدود 12k ستاره کتابخانه react-native-elements را در زمره محبوب ترین ابزارهای UI برای React Native که کاملا با جاوا اسکریپت پیاده سازی شده است، قرار می دهد.نویسندگان کتابخانه اظهار داشته اند که “ایده طراحی UI با React Native Elements بیشتر ساختار کامپوننت است تا طراحی واقعی،به این معنی که یک boilerplate  با تنظیم element های خاص اما کنترل کامل بر طراحی آنها ” که باعث جذب توسعه دهندگان جدید و طرفداران قدیمی می شود. با استفاد از این لینک شما می توانید یک مثال کامل از اپلیکیشن که تمامی کامپوننت ها در عمل استفاده شده است را ببینید.

3. Shoutem

Shoutem  با 3.5k ستاره یک ابزاری طراحی رابط کاربری React Native است که شامل 3 پارت است:UI components, Themes و کامپوننت های Animation است.این کتابخانه مجموعه ای از کامپوننت های cross-platform برای iOS و Android فراهم می کند که تمامی این کامپوننت ها قابل سفارشی سازی هستند.هر کامپوننت دارای یک استایل از پیش تعریف شده است که با بقیه کامپوننت ها سازگار و امکان ساخت کامپوننت های پیچیده با ترکیب آن ها بدون ایجاد تغییر در استایل ها را فراهم می کند.

4. UI Kitten

با 3k ستاره این کتابخانه مجموعه ای از کامپوننت های واکنش پذیر و با قابلیت استفاده مجدد بر اساس مفهوم تعاریف استایل های حرکتی در یک مکان خاص را فراهم می کند که کامپوننت های را reusable و یکنواخت می سازد.

5. React Native Material UI

کتابخانه ای با 2k ستاره که مجموعه از کامپوننت ها با قابلیت سفارشی سازی که بر اساس Google’s material design پیاده سازی شده اند.توجه کنید که کتابخانه از یک شی JS به نام uiTheme استفاده می کند که از طریق context برای قابلیت سفارشی سازی حداکثری منتقل می شود.به صورت پیشفرض شی uiTheme بر روی lightTheme  تنظیم شده است که در اینجا می توانید آن را پیدا کنید.

6. React Native Vector Icons

کتابخانه ای نزدیک به 10k ستاره که مجموعه از icons قابل سفارشی سازی برای React Native که  از NavBar/TabBar/ToolbarAndroid, image و استایل دهی کامل پشتیبانی می کند.این کتابخانه،بی نظیر،بسیار مفید و توسط هزاران اپلیکیشن و حتی کتابخانه های دیگر (مثل native base)استفاده می شود.این کتابخانه مجموعه ای از آیکون های از قبل ساخته شده را ارائه می دهد که در اینجا می توانید نمونه کامل از تمامی آیکون های موجود در کتابخانه را ببینید.برای استفاده از این کتابخانه می توانید مقاله استفاده از Vector Icons در React Native را بخوانید.

در این مقاله فقط 6 تا از کتابخانه های UI برای React Native معرفی شد و کتابخانه های دیگری مثل   Nachos UI، React Native UI Library ، Teaset، React Native Paper  و React Native Material Kit وجود دارد که می تونید از این ها برای طراحی رابط کاربری اپلیکیشن های React Native استفاده کنید.