وب‌سرویس مجید

پروژه‌های متن‌باز | OpenSource Projects

این یک اپلیکیشن دمو برای React Native Elements است که با قابلیت پشتیبانی از React Native Web توسعه داده شده. این پروژه به توسعه‌دهندگان کمک می‌کند تا تمام کامپوننت‌های کتابخانه React Native Elements را در عمل ببینند و نحوه استفاده از آن‌ها را یاد بگیرند. کاربرد: این اپلیکیشن به عنوان یک راهنمای عملی ...

  • #ReactNative
  • #UIComponents
  • #CrossPlatform
  • #WebSupport
  • #MobileDev
  • #Frontend
  • #ReactNativeWeb
  • #DesignSystem
  • #DeveloperTools
  • #UIUX

این یک مخزن باز (Open Source) است که شامل مثال‌های عملی از React Native و Expo است. این مثال‌ها معمولاً همراه با مقالات و آموزش‌های منتشر شده در وبلاگ نویسنده قرار دارند. کاربرد: این مخزن به تو کمک می‌کنه تا با دیدن نمونه‌های واقعی، نحوه پیاده‌سازی قابلیت‌های مختلف در اپلیکیشن‌های موبایل را یاد بگیر ...

  • #ReactNative
  • #Expo
  • #MobileDevelopment
  • #JavaScript
  • #Frontend
  • #CrossPlatform
  • #UIComponents
  • #Navigation
  • #LearnToCode
  • #OpenSource

کاربرد: این کتابخانه امکان استفاده از استایل‌های پیشرفته‌تر در ری‌اکت نیتیو رو فراهم می‌کنه، مثل تعریف متغیرها، استفاده از درصدها و واحد‌های نسبی، و همچنین پشتیبانی از media queries برای ریسپانسیو بودن رابط کاربری. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای استایل‌های قابل مدیریت و انعطاف‌پذیرتری ...

  • #ReactNative
  • #StyleSheet
  • #ResponsiveDesign
  • #DynamicThemes
  • #MobileDev
  • #UIUX
  • #CrossPlatform
  • #ReactNativeExtended
  • #Styling
  • #MobileDevelopment

این کتابخانه یک راه‌حل بسیار سریع و کارآمد برای اجرای مدل‌های TensorFlow Lite در برنامه‌های React Native است. با پشتیبانی از شتاب‌دهی GPU، عملکرد بالایی در پردازش تصویر، تشخیص اشیا و سایر وظایف یادگیری ماشین در دستگاه‌های موبایل فراهم می‌کند. کاربرد: این کتابخانه برای اجرای مدل‌های هوش مصنوعی به صور ...

  • #ReactNative
  • #TensorFlowLite
  • #MachineLearning
  • #MobileAI
  • #GPUAcceleration
  • #OnDeviceML
  • #AIApps
  • #MLModels
  • #FastInference
  • #TFLite

این ماژول یک کتابخانهٔ ری‌اکت نیتیو برای پیاده‌سازی Firebase Cloud Messaging (FCM) و نوتیفیکیشن‌های لوکال است. کاربرد: با استفاده از این ماژول می‌تونی پیام‌های اطلاع‌رسانی (نوتیفیکیشن) رو از طریق فایربیس به کاربران ارسال کنی، هم از سرور و هم به صورت محلی در دستگاه. همچنین می‌تونی روی رویدادهای دریاف ...

  • #react_native
  • #firebase
  • #FCM
  • #push_notifications
  • #local_notifications
  • #mobile_app
  • #iOS
  • #Android
  • #realtime_messaging
  • #notification_service

یک موتور رندرینگ سه‌بعدی مبتنی بر فیزیک در زمان واقعی برای React Native کاربرد: این کتابخانه به تو اجازه می‌ده تا صحنه‌های سه‌بعدی پیچیده و واقع‌گرایانه رو مستقیماً در اپلیکیشن‌های React Native اجرا کنی. از Filament استفاده می‌کنه، یک موتور رندرینگ قدرتمند گوگل که برای عملکرد بالا و گرافیک فیزیکی دق ...

  • #3DRendering
  • #ReactNative
  • #Filament
  • #AR
  • #InteractiveDesign
  • #MobileGraphics
  • #RealTimeRendering
  • #CrossPlatform
  • #PhysicalBasedRendering
  • #margelo

کاربرد: این کتابخانه یک پیاده‌سازی قوی و پرکاربرد از سرویس‌های فایربیس برای برنامه‌های React Native است. با استفاده از این پروژه، توسعه‌دهندگان می‌توانند به راحتی از تمامی سرویس‌های فایربیس مثل Authentication, Firestore, Realtime Database, Cloud Messaging, Analytics و بسیاری دیگر در هر دو پلتفرم iOS ...

  • #react
  • #firebase
  • #mobile
  • #cross
  • #authentication
  • #cloud
  • #analytics
  • #database
  • #realtime
  • #invertase

این یک پروژهٔ شروع سریع برای توسعهٔ اپلیکیشن‌های React Native با ادغام کامل Firebase است. کاربرد: این استارتر کیت به تو کمک می‌کنه تا بدون دردسر تنظیمات اولیه، یک اپلیکیشن موبایل با قابلیت‌های احراز هویت، پایگاه داده و ذخیره‌سازی فایل بسازی. در چه شرایطی بهتره استفاده بشه؟ اگر می‌خوای یک اپ سریع با ...

  • #ReactNative
  • #Firebase
  • #StarterKit
  • #Authentication
  • #CloudFirestore
  • #Storage
  • #MobileDev
  • #CrossPlatform
  • #AppDevelopment
  • #dopebase

این یک پیاده‌سازی React Native از Firestack نسخه ۳ است که به توسعه‌دهندگان کمک می‌کند تا به راحتی با بک‌اند Firebase در اپلیکیشن‌های موبایل خود ارتباط برقرار کنند. کاربرد: این کتابخانه برای اتصال اپلیکیشن‌های React Native به سرویس‌های مختلف Firebase مثل Authentication, Firestore, Storage و Realtime ...

  • #ReactNative
  • #Firebase
  • #MobileDev
  • #FullStack
  • #Authentication
  • #CloudStorage
  • #RealtimeDatabase
  • #CrossPlatform

این یک موتور بازی سبک و سریع برای React Native است که به توسعه‌دهندگان اجازه می‌دهد بازی‌های تعاملی و پویا را به راحتی در پلتفرم‌های موبایل بسازند. ️ کاربرد: این کتابخانه برای ساخت بازی‌های 2D در محیط React Native طراحی شده و از سیستم کامپوننت‌محور پشتیبانی می‌کند. شما می‌توانید با استفاده از سیستم‌ ...

  • #react_native
  • #game_engine
  • #javascript
  • #mobile_games
  • #2D_games
  • #gamedev
  • #cross_platform
  • #bberak
  • #indie_dev

این کتابخانه یک رابط دکلراتیو (اعلانی) فراهم می‌کند که سیستم لمس و ژست‌های بومی پلتفرم را به ری‌اکت نیتیو متصل می‌کند. کاربرد: این ابزار به توسعه‌دهندگان اجازه می‌دهد تا از ژست‌های پیچیده مانند دراگ، زوم، اسکرول، سوایپ و غیره با عملکرد بالا و بدون تأخیر استفاده کنند، بدون اینکه نیاز باشد مستقیماً با ...

  • #react_native
  • #gesture_handler
  • #mobile_development
  • #ux_design
  • #touch_gestures
  • #drag_and_drop
  • #swipe_ui
  • #bottom_sheet
  • #native_interaction
  • #high_performance

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

  • #ReactNative
  • #Charts
  • #DataVisualization
  • #MobileApp
  • #UIComponents
  • #AnimatedCharts
  • #LiveData
  • #GradientCharts
  • #Dashboard
  • #Analytics

کاربرد: این کتابخانه برای ساخت نمودارها و گراف‌های زیبا و پرسرعت در اپلیکیشن‌های React Native طراحی شده و از موتور Skia برای رندرینگ استفاده می‌کنه. مناسب نمایش داده‌های پیچیده مثل آمار، گزارش‌های مالی، تحلیل‌های زمان واقعی و غیره است. در چه شرایطی بهتره استفاده بشه؟ وقتی به عملکرد بالا و ظاهر حرفه‌ ...

  • #reactnative
  • #graph
  • #charts
  • #skia
  • #highperformance
  • #datavisualization
  • #margelo
  • #mobiledev
  • #javascript
  • #uiux

این یک کامپوننت ری‌اکت نیتیو است که محتوای HTML را به صورت ویوی نیتیو نمایش می‌دهد. کاربرد: وقتی می‌خوای متن‌های فرمت‌دار (مثل HTML) رو در اپلیکیشن موبایل خودت نمایش بدی، بدون اینکه از مرورگر داخلی یا WebView استفاده کنی، این کتابخونه بهت کمک می‌کنه تا تگ‌های HTML رو به المان‌های نیتیو تبدیل کنه و ر ...

  • #reactnative
  • #htmlparser
  • #nativecomponents
  • #mobiledev
  • #javascript
  • #crossplatform
  • #ui
  • #renderhtml
  • #dynamiccontent
  • #webtoview

این کتابخانه یک انتخاب‌گر تصویر و ویدیو برای برنامه‌های React Native است که امکاناتی مانند دسترسی به دوربین، انتخاب چندگانه تصاویر، برش تصویر، فشرده‌سازی قابل تنظیم و پشتیبانی از ویدیو را فراهم می‌کند. کاربرد: این کتابخانه برای برنامه‌هایی که نیاز به آپلود، ویرایش یا برش تصاویر و ویدیوها دارند، بسیا ...

  • #image_picker
  • #react_native
  • #video_picker
  • #image_cropping
  • #camera_integration
  • #multi_image_selection
  • #compression
  • #mobile_development
  • #ios_android
  • #file_upload

این پروژه یک نمونه عملی از تشخیص تصویر و شناسایی اشیا در اپلیکیشن‌های موبایل با استفاده از React Native و Expo است. کاربرد: این پروژه به توسعه‌دهندگان کمک می‌کند تا قابلیت‌های هوش مصنوعی مانند طبقه‌بندی تصاویر و تشخیص اشیا را به راحتی در اپلیکیشن‌های موبایل خود اضافه کنند. در چه شرایطی بهتره استفاده ...

  • #ImageRecognition
  • #ObjectDetection
  • #ReactNative
  • #Expo
  • #AI
  • #MobileAI
  • #ComputerVision
  • #MachineLearning
  • #SmartCamera
  • #CrossPlatform

این کتابخانه به تو کمک می‌کنه تا تصاویر محلی رو در اپلیکیشن‌های React Native به راحتی تغییر اندازه بدی. ️ کاربرد: وقتی کاربران عکس از دوربین می‌گیرن یا از گالری انتخاب می‌کنن، این تصاویر معمولاً حجم بالایی دارن. این کتابخانه بهت کمک می‌کنه قبل از آپلود یا نمایش، عکس‌ها رو کوچکتر کنی بدون اینکه کیفیت ...

  • #image_resizing
  • #ReactNative
  • #mobile_optimization
  • #photo_processing
  • #app_performance
  • #file_size_reduction
  • #camera_integration
  • #gallery
  • #image_compression
  • #bamlab

کاربرد: این کتابخانه یک مدیریت کنترل صفحه‌کلید برای برنامه‌های React Native است که به صورت یکسان و بدون تفاوت در iOS و Android کار می‌کند. این ابزار به توسعه‌دهندگان کمک می‌کند تا رفتار صفحه‌کلید را به راحتی مدیریت کنند، مثل نمایش، پنهان کردن، تغییر موقعیت المان‌ها و مدیریت فوکوس بدون نیاز به کدنویس ...

  • #reactnative
  • #keyboardmanager
  • #crossplatform
  • #iosandroid
  • #ux
  • #mobiledev
  • #javascript
  • #typescript
  • #ui
  • #appdevelopment

کاربرد: این کتابخانه به تو کمک می‌کنه تا برنامه‌های React Native رو به راحتی بر اساس زبان و تنظیمات محلی دستگاه کاربر، شخصی‌سازی کنی. مثل زمانی که کاربر فارسی‌زبان هست و می‌خوای رابط رو به فارسی نمایش بدی، یا واحد‌های تاریخ و عدد رو مطابق با منطقه‌ش تنظیم کنی. ️ در چه شرایطی بهتره استفاده بشه؟ وقتی ...

  • #reactnative
  • #localization
  • #i18n
  • #multilingual
  • #mobile_dev
  • #user_experience
  • #rtl_support
  • #app_translation
  • #geo_targeting
  • #devtools

این یک پروژه کوچک و کاربردی برای نمایش تست‌های رابط کاربری (UI Testing) در اپلیکیشن‌های React Native با استفاده از ابزار Maestro است. کاربرد: این پروژه به تو کمک می‌کنه بدون نیاز به کدنویسی زیاد، تست‌های اتوماتیک رابط کاربری رو برای اپلیکیشن‌های React Native اجرا کنی. ابزار Maestro یک فریم‌ورک تست س ...

  • #ReactNative
  • #UITesting
  • #Maestro
  • #MobileTesting
  • #Automation
  • #CI_CD
  • #CrossPlatform
  • #YAML
  • #TestingFramework
  • #ReactNativeDev

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

  • #ReactNative
  • #MaterialDesign
  • #UIComponents
  • #Customizable
  • #MobileDev
  • #CrossPlatform
  • #OpenSource
  • #UIUX
  • #Frontend
  • #MobileApp

کاربرد: این کتابخانه یک ذخیره‌سازی کلید/مقدار فوق‌العاده سریع برای برنامه‌های React Native فراهم می‌کند و جایگزین بسیار بهتری نسبت به AsyncStorage محسوب می‌شه. در چه شرایطی بهتره استفاده بشه؟ وقتی به دنبال عملکرد بالا، دسترسی سریع به داده‌های کوچک مثل تنظیمات کاربر، توکن‌های احراز هویت یا وضعیت اپ ه ...

  • #reactnative
  • #mmkv
  • #performance
  • #mobiledev
  • #localstorage
  • #faststorage
  • #authentication
  • #caching
  • #javascript
  • #appdevelopment

کاربرد: این کتابخانه یک ذخیره‌سازی کلیدمقدار سریع، سبک و رمزنگاری‌شده برای اپلیکیشن‌های React Native است که با استفاده از C++ و JSI نوشته شده و عملیات خواندن و نوشتن را در حدود 0.0002 ثانیه انجام می‌دهد. در چه شرایطی بهتره استفاده بشه؟ وقتی به دنبال یک ذخیره‌سازی محلی فوق‌العاده سریع و امن هستی، مخص ...

  • #ReactNative
  • #MMKV
  • #LocalStorage
  • #Performance
  • #Encryption
  • #MobileDev
  • #JSI
  • #FastStorage
  • #SecureStorage

این یک کتابخانهٔ React Native برای نمایش انتخابگر تاریخ و زمان به صورت مودال در اندروید و iOS است. کاربرد: این کتابخانه به توسعه‌دهندگان اجازه می‌دهد به راحتی یک انتخابگر تاریخ یا زمان را در قالب مودال نمایش دهند، بدون نیاز به مدیریت پیچیدگی‌های نمایش و تعامل با کامپوننت‌های پلتفرم‌های مختلف. در چه ...

  • #datetime_picker
  • #ReactNative
  • #MobileApp
  • #iOS
  • #Android
  • #UIComponents
  • #FormInput
  • #UserExperience
  • #CrossPlatform
  • #JavaScript

این یک کتابخانهٔ قدرتمند و انعطاف‌پذیر برای ایجاد مودال یا شیت پایین در برنامه‌های React Native است که به خوبی با محتوای اسکرول شونده کار می‌کند. کاربرد: این کتابخانه برای نمایش مودال‌ها یا منوهای کشویی از پایین صفحه طراحی شده و به‌ویژه زمانی عالی عمل می‌کند که محتوای داخل آن بلند و قابل اسکرول باشد ...

  • #reactnative
  • #modal
  • #bottomsheet
  • #ux
  • #scrollable
  • #mobileui
  • #javascript
  • #components
  • #uiux
  • #jeremybarbet

این یک کتابخانهٔ مودال برای React Native است که امکانات زیادی برای نمایش مودال‌های زیبا و تعاملی در اپلیکیشن‌های IOS و Android فراهم می‌کند. کاربرد: این کتابخانه برای زمانی مناسب است که نیاز به نمایش مودال‌های سفارشی با انیمیشن‌های دلخواه، قابلیت کشویی بودن (Swipeable)، و پشتیبانی از چندین مودال همز ...

  • #reactnative
  • #modals
  • #mobiledev
  • #uxdesign
  • #swipeable
  • #customanimation
  • #android
  • #ios
  • #javascript
  • #crossplatform

این پروژه یک کتابخانهٔ قدرتمند برای اجرای چندنخی (Multithreading) در ری‌اکت نیتیو است که با استفاده از JSI عملکرد بسیار بالایی ارائه می‌دهد. کاربرد: این کتابخانه به تو اجازه می‌ده تا کدهای سنگین جاوااسکریپت رو در نخ‌های (thread) جداگانه اجرا کنی، بدون اینکه رابط کاربری (UI) دچار تأخیر یا لگ بشه. در ...

  • #reactnative
  • #multithreading
  • #jsi
  • #mobileperf
  • #backgroundtasks
  • #javascript
  • #native
  • #performance
  • #threading
  • #mrousavy

این یک ماژول React Native برای کار با NFC در دستگاه‌های اندروید و iOS است. با استفاده از این کتابخانه، توسعه‌دهندگان می‌توانند به راحتی امکانات خواندن و نوشتن تگ‌های NFC را در اپلیکیشن‌های موبایل خود پیاده‌سازی کنند. کاربرد: این ماژول برای اپلیکیشن‌هایی که نیاز به تعامل با تگ‌های NFC دارند، مثل دستر ...

  • #ReactNative
  • #NFC
  • #MobileDevelopment
  • #CrossPlatform
  • #IoT
  • #SmartAccess
  • #ContactlessPayment
  • #Android
  • #iOS
  • #NFCManager

این پروژه یک ماشین‌حساب ساده و عملیاتی است که با استفاده از React Native و React توسعه داده شده و قابلیت اجرا روی موبایل، دسکتاپ و وب را با یک کد واحد فراهم می‌کند. کاربرد: این ماشین‌حساب به عنوان یک نمونه عالی برای نشان دادن چگونگی استفاده از React Native در کنار React و NodeWebkit (یا Electron) بر ...

  • #ReactNative
  • #React
  • #CrossPlatform
  • #DesktopApp
  • #WebApp
  • #MobileApp
  • #Electron
  • #JavaScript
  • #UIComponents
  • #CalculatorApp

چه کاری انجام میده؟ این کتابخانه یک مجموعه ابزار کاربردی برای مدیریت ارتباط آفلاین و آنلاین در اپلیکیشن‌های React Native است. همچنین به خوبی با Redux یکپارچه شده و به شما کمک می‌کند تا رفتار اپلیکیشن خود را در شرایط قطعی اینترنت به‌راحتی کنترل کنید. کاربرد: مدیریت وضعیت آنلاین/آفلاین، ارسال خودکار د ...

  • #react_native
  • #offline_support
  • #redux_integration
  • #mobile_development
  • #ux_improvement
  • #app_state
  • #network_connectivity
  • #redux_saga
  • #pwa_like
  • #offline_first

کاربرد: این کتابخانه یک مجموعه کامپوننتِ زیبا و عملیاتی بر پایه Material Design برای توسعه‌ی اپلیکیشن‌های React Native فراهم می‌کنه . به توسعه‌دهندگان کمک می‌کنه تا رابط‌های کاربری حرفه‌ای و سازگار با استانداردهای گوگل رو به راحتی پیاده‌سازی کنند. در چه شرایطی بهتره استفاده بشه؟ وقتی داری یک اپلیکیش ...

  • #react_native
  • #material_design
  • #ui_components
  • #mobile_dev
  • #cross_platform
  • #callstack
  • #paper_ui
  • #dark_theme
  • #android_ios
  • #component_library

این یک کتابخانه ری اکت نیتیو برای ساخت اسلایدرهای راهنما و معرفی اپلیکیشن با طراحی متریال دیزاین است. کاربرد: برای ساخت صفحه‌های شروع (onboarding) با انیمیشن‌های زیبا و روان در اپلیکیشن‌های موبایل استفاده میشه. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای اولین تجربه کاربر با اپلیکیشن رو جذاب و حرفه ...

  • #reactnative
  • #onboarding
  • #materialdesign
  • #mobileapp
  • #ux
  • #ui
  • #slider
  • #appdesign
  • #userexperience
  • #gorhom

این یک متر سادهٔ قدرت رمز عبور برای React Native است که به تو کمک می‌کنه قدرت رمز عبور واردشده توسط کاربر رو به صورت بصری نمایش بدی. ️ کاربرد: این کتابخونه برای نمایش سطح امنیت رمز عبور در فرم‌های ثبت‌نام یا تغییر رمز عبور استفاده می‌شه. مثلاً وقتی کاربر یه رمز ضعیف می‌زنه، یه نوار قرمز یا زرد نشون ...

  • #password_meter
  • #react_native
  • #security
  • #form_validation
  • #ux_design
  • #mobile_app
  • #authentication
  • #user_experience
  • #strong_password
  • #input_validation

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

  • #ReactNative
  • #PerformanceMonitoring
  • #MobileOptimization
  • #FPS
  • #Debugging
  • #AppPerformance
  • #ReactNativeDev
  • #Optimization
  • #FrameRate
  • #ReactNativeTools

کاربرد: این کتابخانه یک رابط یکپارچه برای مدیریت دسترسی‌ها در ری‌اکت نیتیو فراهم می‌کنه و به تو اجازه می‌ده به صورت یکسان در پلتفرم‌های iOS، Android و Windows درخواست مجوز بدی. در چه شرایطی بهتره استفاده بشه؟ وقتی پروژه‌ات به دسترسی‌های سیستمی مثل دوربین، میکروفون، مکان، دفترچه تلفن یا حافظه دستگاه ...

  • #react
  • #permissions
  • #mobile_dev
  • #cross_platform
  • #ios
  • #android
  • #windows
  • #user_privacy

کاربرد: این کامپوننت یک انتخاب‌گر (Picker) برای React Native فراهم می‌کنه که رفتار و ظاهر select نیتیو رو در آی‌اواس و اندروید شبیه‌سازی می‌کنه. با استفاده از این کتابخونه، تو می‌تونی یک فیلد انتخاب با لیست کشویی بسازی که هم در آی‌اواس و هم در اندروید به شکل مناسب و یکدست نمایش داده بشه. در چه شرایط ...

این یک پیاده‌سازی سریع از ماژول crypto نود است که با استفاده از C/C++ و JSI نوشته شده است. کاربرد: برای انجام عملیات رمزنگاری پرسرعت در برنامه‌های React Native استفاده می‌شه، مثل تولید هش، رمزنگاری داده، یا کار با کلیدها. در چه شرایطی بهتره استفاده بشه؟ وقتی به عملکرد بالا در عملیات‌های حساس به زمان ...

  • #react
  • #crypto
  • #security
  • #jsi
  • #mobile_dev
  • #encryption
  • #performance
  • #native_modules
  • #authentication
  • #margelo

کاربرد: این کتابخانه یک نسخهٔ قدرتمندتر و انعطاف‌پذیرتر از کتابخانهٔ Animated در ری‌اکت نیتیوست که امکان اجرای انیمیشن‌های پیچیده بدون تأخیر و با عملکرد بالا رو فراهم می‌کنه. در چه شرایطی بهتره استفاده بشه؟ وقتی به انیمیشن‌های روان، تعاملی و پیچیده در اپلیکیشن‌های موبایل نیاز داری، مخصوصاً وقتی که ا ...

  • #react_native
  • #animation
  • #reanimated
  • #mobile_dev
  • #ui_ux
  • #javascript
  • #typescript
  • #interactive_ui
  • #high_performance
  • #cross_platform

این یک اپلیکیشن دستورهای غذا با استفاده از React Native است که به کاربران امکان می‌دهد دستورهای مختلف غذاها را مرور و جستجو کنند. کاربرد: این پروژه برای توسعه‌دهندگانی که می‌خواهند یک اپلیکیشن موبایل زیبا و کاربرپسند برای نمایش دستورهای غذا بسازند، مناسب است. همچنین می‌توان از آن به عنوان الگویی برا ...

  • #ReactNative
  • #MobileApp
  • #RecipeApp
  • #FoodApp
  • #CrossPlatform
  • #Expo
  • #UIUX
  • #JavaScript
  • #Frontend
  • #AppTemplate

این پروژه یک مجموعه از کامپوننت‌های زیبا و قابل استفاده مجدد برای React Native است که الهام‌گرفته از shadcn/ui می‌باشد. با استفاده از Nativewind، این کامپوننت‌ها به راحتی در پروژه‌های موبایل اجرا می‌شوند و ظاهری مدرن و حرفه‌ای به برنامه شما می‌دهند. کاربرد: این کتابخانه برای توسعه‌دهندگانی که می‌خوا ...

  • #reactnative
  • #ui
  • #components
  • #nativewind
  • #open
  • #mobiledev
  • #designsystem
  • #tailwindcss
  • #reusables
  • #shadcnui

کاربرد: این کتابخانه به تو کمک می‌کنه تا به راحتی با منطقه امن (Safe Area) در دستگاه‌های مختلف مثل آیفون‌های با ناچ یا دستگاه‌های اندرویدی با بارهای ناوبری پیچیده کار کنی. این یعنی محتوای اپ شما زیر بارهای سیستمی قرار نمی‌گیره و در تمام صفحه‌ها به درستی نمایش داده می‌شه. در چه شرایطی بهتره استفاده ب ...

  • #react_native
  • #safe_area
  • #mobile_dev
  • #cross_platform
  • #ui_ux
  • #android
  • #ios
  • #web
  • #javascript
  • #responsive_design

کاربرد: این کتابخانه به تو امکان می‌دهد که به راحتی اطلاعات ساده مثل متن، لینک، عکس و فایل رو از طریق صفحه اشتراک‌گذاری سیستم عامل (مثل اشتراک در اینستاگرام، تلگرام، واتساپ و غیره) به اپ‌های دیگه بفرستی در چه شرایطی بهتره استفاده بشه؟ وقتی داری یک اپ ری اکت نیتیو می‌سازی و نیاز داری که کاربر بتونه م ...

  • #social_share
  • #react_native
  • #sharing
  • #mobile_apps
  • #cross_platform
  • #file_sharing
  • #deep_linking
  • #user_experience
  • #app_development
  • #share_dialog

کاربرد: این کتابخانه به تو کمک می‌کنه تا اندازه‌ی المان‌های رابط کاربری مثل فونت، فاصله، ابعاد و حاشیه‌ها رو به صورت نسبی و سازگار با اندازه‌ی مختلف صفحه‌نمایش دستگاه‌ها تنظیم کنی. در چه شرایطی بهتره استفاده بشه؟ وقتی داری یک اپلیکیشن ری‌اکت نیتیو می‌سازی و می‌خوای رابط کاربری توی دستگاه‌های مختلف ( ...

  • #ReactNative
  • #ResponsiveDesign
  • #UIscaling
  • #MobileDevelopment
  • #CrossDevice
  • #SizeMatters
  • #Layout
  • #Scaling
  • #MobileUI
  • #ReactComponents

این یک کتابخانهٔ ساده و کاملاً قابل سفارشی‌سازی برای React Native است که یک اسلایدر منحصربه‌فرد و جذاب برای صفحهٔ معرفی (Intro) اپلیکیشن ارائه می‌دهد. کاربرد: این پکیج برای ساخت صفحات راهنما یا تور معرفی اپلیکیشن (Onboarding) استفاده می‌شه و به توسعه‌دهندگان کمک می‌کنه تا با طراحی زیبا و انیمیشن‌های ...

  • #reactnative
  • #onboarding
  • #slider
  • #mobileUI
  • #uxdesign
  • #introslider
  • #appdesign
  • #customizable
  • #RichardRNStudio
  • #userExperience

این یک راهنمای جامع و فشرده برای استایل‌دهی در React Native است که تمام مباحث مهم را در یک صفحه جمع‌آوری کرده. کاربرد: به تو کمک می‌کنه بدون نیاز به جست‌وجوی زیاد، به سرعت خصوصیات استایل‌دهی مثل flexbox، رنگ، فونت، حاشیه، اندازه و سایر ویژگی‌های ظاهری رو مرور کنی. در چه شرایطی بهتره استفاده بشه؟ وقت ...

  • #ReactNative
  • #Styling
  • #Flexbox
  • #MobileDev
  • #UI
  • #CheatSheet
  • #Frontend
  • #CrossPlatform
  • #StyleSheet
  • #MobileDesign

این یک کتابخانهٔ ری اکت نیتیو برای ایجاد شبکه‌های واکنش‌گرا (Responsive Grid) است که به توسعه‌دهندگان کمک می‌کند تا به راحتی لیست‌های شبکه‌ای زیبا و انعطاف‌پذیر در اپلیکیشن‌های موبایل بسازند. کاربرد: این کتابخانه برای نمایش داده‌ها در قالب ستون‌های شبکه‌ای مثل گالری تصاویر، منوها، کارت‌های محصول یا ...

  • #reactnative
  • #gridview
  • #responsiveui
  • #mobiledev
  • #javascript
  • #uiux
  • #crossplatform
  • #supergrid
  • #reactnativecomponents
  • #layout

کاربرد: این کتابخانه برای ساخت نمودارهای زیبا و واکنش‌گرا در اپلیکیشن‌های React Native طراحی شده و با استفاده از SVG عملکرد بسیار خوبی داره. در چه شرایطی بهتره استفاده بشه؟ وقتی به دنبال یک راه‌حل سبک، انعطاف‌پذیر و بدون وابستگی به وب‌ویو برای نمایش داده‌های گرافیکی مثل نمودارهای خطی، میله‌ای، دایره ...

  • #reactnative
  • #charts
  • #svg
  • #mobileapp
  • #datavisualization
  • #javascript
  • #ios
  • #android
  • #development
  • #ux

چطور می‌تونی از SVGها در پروژه‌های React Native استفاده کنی مثل خودِ وب؟ این کتابخونه بهت اجازه می‌ده فایل‌های .svg رو دقیقاً مثل یه ماژول ایمپورت کنی، بدون نیاز به تبدیل دستی به کامپوننت‌های React. کاربرد: این پکیج یه transformer برای Metro هست که فایل‌های SVG رو به صورت خودکار به کامپوننت‌های Reac ...

  • #ReactNative
  • #SVG
  • #MobileDevelopment
  • #UIComponents
  • #MetroBundler
  • #VectorGraphics
  • #DeveloperTools
  • #CodeEfficiency
  • #CrossPlatform
  • #DesignIntegration

این یک کامپوننت ListView برای React Native است که امکان کشویی (Swipe) باز و بسته شدن سطرها را فراهم می‌کند. کاربرد: این کتابخانه زمانی مفید است که بخواهی در اپلیکیشن موبایل خود، مثل اپ‌های ایمیل یا لیست وظایف، کاربران بتوانند با سوایپ کردن یک آیتم، عملیاتی مثل حذف، ویرایش یا انجام دادن یک کار را اجر ...

  • #react_native
  • #swipe_list
  • #mobile_ui
  • #todo_app
  • #user_experience
  • #gesture_handling
  • #list_view
  • #rn_components
  • #app_development
  • #ux_design

این یک تمپلیت حرفه‌ای برای توسعه اپلیکیشن‌های React Native است که بدون استفاده از Expo طراحی شده و روی عملکرد و مقیاس‌پذیری تمرکز دارد. کاربرد: این تمپلیت برای شروع سریع پروژه‌های موبایل با ساختار پیشرفته و آماده تولید مناسب است. تمام ابزارهای ضروری برای یک اپ مدرن از قبل پیکربندی شده‌اند. در چه شرا ...

  • #ReactNative
  • #Redux
  • #ReactQuery
  • #I18n
  • #WebSocket
  • #ModularArchitecture
  • #MobileDev
  • #CleanCode
  • #NativeApps
  • #Axios

کاربرد: این تمپلیت یک پیش‌ساخته قدرتمند برای شروع پروژه‌های React Native با ابزارهای مدرن و حرفه‌ایه شامل Expo, PNPM, TypeScript, TailwindCSS, Husky, EAS, GitHub Actions, مدیریت متغیرهای محیطی، exporouter، reactquery و reacthookform در چه شرایطی بهتره استفاده بشه؟ اگر می‌خوای یک پروژه موبایل با کیفی ...

  • #react_native
  • #expo
  • #typescript
  • #tailwindcss
  • #github_actions
  • #eas
  • #husky
  • #react_query
  • #react_hook_form
  • #pnpm

کاربرد: این تمپلیت یک پیکربندی تمیز و مینیمال برای شروع سریع پروژه‌های React Native با TypeScript فراهم می‌کنه. از این تمپلیت می‌تونی برای ساخت اپلیکیشن‌های موبایل چندسکویی (iOS و Android) با قابلیت‌های مدرن و نوع‌دهی ایمن استفاده کنی. در چه شرایطی بهتره استفاده بشه؟ اگر دنبال یک شروع سریع و تمیز بر ...

  • #reactnative
  • #typescript
  • #mobiledev
  • #crossplatform
  • #appdevelopment
  • #javascript
  • #frontend
  • #template
  • #coding
  • #programming

کاربرد: این کتابخانه ابزارهای تست ساده و جامعی برای React Native فراهم می‌کنه تا بتونی کامپوننت‌های رابط کاربری رو به شکلی طبیعی و شبیه به رفتار واقعی کاربر تست کنی. هدف اصلی‌ش تشویق به بهترین شیوه‌های تست نویسی هست، مثل تست کردن بر اساس عناصری که کاربر می‌بینه، نه جزئیات پیاده‌سازی. در چه شرایطی به ...

  • #react_native
  • #testing_library
  • #unit_testing
  • #ui_testing
  • #javascript
  • #mobile_dev
  • #automation
  • #jest
  • #testing
  • #best_practices

این پروژه یک نسخهٔ توسعه‌یافته از React Native است که قابلیت پشتیبانی از Apple TV و Android TV را اضافه کرده است. کاربرد: این نسخه به توسعه‌دهندگان اجازه می‌دهد تا با استفاده از فناوری React Native، برنامه‌های تلویزیونی برای دستگاه‌های هوشمند مثل Apple TV و دستگاه‌های مبتنی بر Android TV بسازند. ️ د ...

  • #ReactNative
  • #AppleTV
  • #AndroidTV
  • #SmartTV
  • #CrossPlatform
  • #TVApp
  • #StreamingApp
  • #MobileDevelopment
  • #JavaScript
  • #React

این کتابخانه به تو کمک می‌کنه تا استایل‌های تایپوگرافی دقیق و شبیه به المان‌های بومی (native) رو در اپلیکیشن‌های React Native پیاده‌سازی کنی. کاربرد: این ابزار برای ایجاد فونت‌ها و سبک‌های متنی با دقت پیکسلی طراحی شده — طوری که دقیقاً مثل متن‌های سیستمی در اندروید و iOS به نظر برسه. در چه شرایطی بهت ...

  • #typography
  • #reactnative
  • #uiux
  • #designsystem
  • #mobiledev
  • #fonts
  • #pixelperfect
  • #nativefeeling
  • #componentlibrary
  • #crossplatform

کاربرد: این کتابخانه یک مجموعه از کامپوننت‌های زیبا و قابل تنظیم برای ساخت رابط‌های کاربری در اپلیکیشن‌های React Native است که بر پایه Eva Design System ساخته شده. این کتابخانه از حالت تاریک (Dark Mode) پشتیبانی می‌کند و به توسعه‌دهندگان کمک می‌کند تا به سرعت و با کیفیت بالا، رابط‌های کاربری جذاب طر ...

  • #ReactNative
  • #UIComponents
  • #DarkMode
  • #EvaDesign
  • #MobileUI
  • #Theming
  • #CrossPlatform
  • #DesignSystem
  • #Akveo
  • #UIKitten

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

  • #ReactNative
  • #Styling
  • #DynamicThemes
  • #Unistyles
  • #DarkMode
  • #ResponsiveDesign
  • #UIFramework
  • #MobileDev
  • #TypeScript
  • #CleanCode

این پروژه یک نمایش عملی از اشتراک‌گذاری کد جاوااسکریپت ری‌اکت نیتیو بین محیط‌های موبایل، دسکتاپ و وب است. با استفاده از این روش، توسعه‌دهندگان می‌توانند یک بار کد بنویسند و آن را در چندین پلتفرم اجرا کنند. کاربرد: این پروژه به توسعه‌دهندگان کمک می‌کند تا بدون نوشتن کدهای تکراری، برنامه‌های چندسکویی ...

  • #ReactNative
  • #CrossPlatform
  • #UniversalApp
  • #JavaScript
  • #Web
  • #Desktop
  • #Mobile
  • #Electron
  • #RNWeb
  • #CodeSharing

کاربرد: این کتابخانه یک دوربین قدرتمند و با عملکرد بالا برای اپلیکیشن‌های React Native فراهم می‌کنه . از قابلیت‌های پیشرفته‌ی دوربین مثل فوکوس خودکار، زوم، عکاسی با کیفیت بالا، ضبط ویدیو، تشخیص چهره و پشتیبانی از ماژول‌های بینایی کامپیوتر (مثل ML Kit) پشتیبانی می‌کنه. در چه شرایطی بهتره استفاده بشه؟ ...

  • #react_native
  • #camera_library
  • #vision_ai
  • #mobile_development
  • #ml_kit
  • #high_performance
  • #qr_scanner
  • #computer_vision
  • #cross_platform
  • #mrousavy

کاربرد: این پروژه به تو اجازه میده که از کامپوننت‌های React Native روی وب استفاده کنی. یعنی می‌تونی کدهایی که برای موبایل نوشتی رو بدون تغییر زیاد، روی مرورگر هم اجرا کنی. این کار با تبدیل المان‌های React Native به المان‌های HTML و CSS مناسب انجام میشه. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای ی ...

  • #react
  • #reactnative
  • #webdevelopment
  • #crossplatform
  • #pwa
  • #javascript
  • #frontend
  • #ui
  • #expo
  • #web

کاربرد: این ماژول به توسعه‌دهندگان اجازه می‌دهد تا قابلیت‌های WebRTC مانند تماس صوتی و تصویری بلادرنگ را در برنامه‌های React Native پیاده‌سازی کنند. در چه شرایطی بهتره استفاده بشه؟ وقتی نیاز داری یک اپلیکیشن موبایل با قابلیت تماس ویدیویی یا صوتی مستقیم (مثل اپ‌های پزشکی، آموزش آنلاین یا چت دوستانه) ...

  • #WebRTC
  • #ReactNative
  • #VideoCalling
  • #RealTimeCommunication
  • #MobileApp
  • #LiveStreaming
  • #PeerToPeer
  • #Telemedicine
  • #OnlineEducation
  • #ChatApp

کاربرد: این مخزن شامل وب‌سایت و مستندات رسمی React Native است که به توسعه‌دهندگان کمک می‌کند تا با قابلیت‌ها، دستورالعمل‌ها و مثال‌های عملی این فریم‌ورک آشنا شوند. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای یک اپلیکیشن موبایل با قابلیت crossplatform بسازی و از مستندات رسمی و به‌روز استفاده کنی، ای ...

  • #ReactNative
  • #MobileDevelopment
  • #OpenSource
  • #Documentation
  • #CrossPlatform
  • #JavaScript
  • #Frontend
  • #WebSite
  • #TechDocs
  • #Programming

کاربرد: این کتابخانه برای مدیریت مسیریابی و ناوبری در اپلیکیشن‌های React Native و همچنین اپلیکیشن‌های وب با استفاده از React طراحی شده. به کمک این ابزار می‌تونی بین صفحات مختلف جابه‌جا بشی، مسیرها رو مدیریت کنی و تجربه کاربری روانی رو ارائه بدی. در چه شرایطی بهتره استفاده بشه؟ وقتی داری یک اپلیکیشن ...

  • #react_navigation
  • #react_native
  • #mobile_apps
  • #web_apps
  • #navigation_library
  • #cross_platform
  • #ui_ux
  • #javascript
  • #typescript
  • #app_development

چه کاری انجام میده؟ این پروژه به تو اجازه میده تا با استفاده از React و سبک‌دهی شبیه به CSS، برنامه‌های دسکتاپ سریع، بومی و چندسکویی بسازی. کاربرد: برای ساخت اپلیکیشن‌های دسکتاپ با رابط کاربری گرافیکی (GUI) که نیاز به عملکرد بالا و ظاهر بومی دارن. مناسب وقتی می‌خوای مثل یه اپ ویندوزی، مک یا لینوکسی ...

  • #React
  • #DesktopApp
  • #NodeGui
  • #CrossPlatform
  • #NativeUI
  • #CSSStyling
  • #JavaScript
  • #TypeScript
  • #OpenSource
  • #FastApps

کاربرد: این کامپوننت یک سیستم اطلاع‌رسانی کامل و کاملاً قابل شخصی‌سازی برای برنامه‌های React فراهم می‌کند. به شما اجازه می‌دهد به راحتی نوتیفیکیشن‌های زیبا و حرفه‌ای مثل موفقیت، خطا، هشدار یا اطلاع‌رسانی عمومی نمایش بدید. در چه شرایطی بهتره استفاده بشه؟ وقتی توی یه پروژه React نیاز داری که کاربر رو ...

  • #react
  • #notification
  • #ui_component
  • #javascript
  • #web_development
  • #frontend
  • #customizable
  • #user_experience
  • #error_handling
  • #success_message

کاربرد: این کتابخانه به تو کمک می‌کنه تا صفحات Notion رو به راحتی در برنامه‌های React نمایش بدی. با استفاده از این ابزار، محتوای Notion بدون نیاز به تغییر، به صورت واکنش‌گرا و سریع در وبسایت‌هایت نمایش داده میشه. در چه شرایطی بهتره استفاده بشه؟ اگر داری یه وبلاگ، مستندات، یا سایت شخصی با React می‌سا ...

  • #react
  • #notion
  • #web_development
  • #documentation
  • #blogging
  • #static_site
  • #developer_tools
  • #ui_renderer
  • #content_management
  • #jamstack

این پروژه یک راه‌حل ساده و مدرن برای پیاده‌سازی ورود با گوگل در برنامه‌های React با استفاده از Google Identity Services SDK جدید ارائه می‌دهد. کاربرد: این کتابخانه به تو اجازه می‌دهد به راحتی قابلیت OAuth2 با حساب‌های گوگل رو به برنامه‌های React اضافه کنی، بدون نیاز به مدیریت پیچیده‌ی توکن‌ها و درخو ...

  • #GoogleOAuth
  • #ReactJS
  • #Authentication
  • #OAuth2
  • #WebDev
  • #IdentityServices
  • #UserLogin
  • #Frontend
  • #Security
  • #GoogleSignIn

این یک کتابخانه سبک احراز هویت برای برنامه‌های تک‌صفحه‌ای (SPA) در ری‌اکت است که بر پایه oidcclientts ساخته شده و از هوک‌ها و کامپوننت‌های مرتبه بالا (HOC) پشتیبانی می‌کند. ️ کاربرد: این کتابخانه به تو امکان می‌ده تا به راحتی احراز هویت OpenID Connect (OIDC) رو در برنامه‌های ری‌اکت پیاده‌سازی کنی، ب ...

  • #authentication
  • #react
  • #oidc
  • #spa
  • #hooks
  • #security
  • #openidconnect
  • #typescript
  • #keycloak
  • #auth0

یکپارچه‌سازی React و Webpack با Ruby on Rails، امکان استفاده از قابلیت‌های مدرن جاوااسکریپت را در پروژه‌های ریلزی فراهم می‌کند. کاربرد: این ابزار به توسعه‌دهندگان اجازه می‌دهد تا React را به‌راحتی در کنار Rails استفاده کنند و از مزایای Webpack برای مدیریت دارایی‌های جاوااسکریپتی بهره ببرند. همچنین پ ...

  • #React
  • #Rails
  • #Webpack
  • #SSR
  • #RubyOnRails
  • #JavaScript
  • #WebDevelopment
  • #Frontend
  • #Backend
  • #FullStack

کاربرد: این کتابخانه یک فریم‌ورک غیرمسدودکننده (nonblocking) برای ساخت کلاینت و سرورهای TCP، HTTP، UDP و QUIC روی پلتفرم Netty و با استفاده از مدل برنامه‌نویسی واکنشی (Reactor) فراهم می‌کند. ایده‌آل برای سیستم‌هایی که به عملکرد بالا و مقیاس‌پذیری نیاز دارند، مثل میکروسرویس‌ها و برنامه‌های realtime. ...

  • #reactive_programming
  • #netty
  • #webflux
  • #high_performance
  • #non_blocking
  • #microservices
  • #quic
  • #http_client
  • #reactor
  • #udp_server

کاربرد: این یک سیستم عامل رایگان و سازگار با ویندوز هست که می‌تونه جایگزین مایکروسافت ویندوز بشه و برنامه‌های ویندوزی رو اجرا کنه در چه شرایطی بهتره استفاده بشه؟ وقتی به دنبال یه سیستم عامل متن‌باز هستی که با سخت‌افزارهای قدیمی سازگار باشه یا نیاز داری بدون نیاز به لایسنس ویندوز، محیطی شبیه ویندوز د ...

  • #open_source
  • #windows_compatible
  • #operating_system
  • #reactos
  • #retro_computing
  • #free_software
  • #os_development
  • #embedded_systems
  • #legacy_support

راهنمای گردشگری برای کامپوننت‌های ری‌اکت شما کاربرد: این کتابخانه به شما کمک می‌کنه تا با ایجاد یک تور تعاملی، کاربران رو در رابط کاربری اپلیکیشن ری‌اکت راهنمایی کنید. می‌تونید مراحل مختلف استفاده از یک صفحه یا ویژگی جدید رو به صورت گام‌به‌گام نمایش بدید. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای ...

  • #reactour
  • #react
  • #onboarding
  • #userExperience
  • #productTour
  • #guidance
  • #webDevelopment
  • #interactiveGuide
  • #SaaS
  • #tutorial