وب سرویس مجید
این یک کامپوننت ریاکت است که به راحتی امکان استفاده از Intersection Observer API را فراهم میکند. کاربرد: این کتابخانه برای تشخیص اینکه یک المان در صفحه دیده میشه یا نه، استفاده میشه. مثلاً وقتی کاربر به بخشی از صفحه اسکرول میکنه و میخواید بفهمید که یک تصویر یا بخش متن دیده شده یا نه. در چه شرا ...
چه کاری انجام میده؟ این کتابخانه یک پیادهسازی از API Intersection Observer در ریاکت است که به شما میگوید یک المان در حال ورود به یا خروج از دید کاربر (viewport) است. کاربرد: برای بارگذاری تنبل (lazy loading) تصاویر، تشخیص نمایش بخشهای صفحه، اجرای انیمیشنها هنگام اسکرول و بهینهسازی عملکرد صفحات ...
کاربرد: این یک پلتفرم تجارت الکترونیک بدون رابط (headless) و مبتنی بر API هست که امکان ساخت فروشگاههای انعطافپذیر و مقیاسپذیر رو فراهم میکنه. با استفاده از Node.js، React و GraphQL ساخته شده و برای استقرار از Docker و Kubernetes پشتیبانی میکنه. در چه شرایطی بهتره استفاده بشه؟ وقتی به دنبال یک س ...
این پروژه یک کنترل تعاملی شبیه به دکمههای واکنش فیسبوک (لایک، عاشق، خنده، تعجب، غمگین، عصبانی) رو به صورت کاملاً سفارشیسازیشده ارائه میده. کاربرد: این کتابخانه به تو اجازه میده تا واکنشهای شبیه فیسبوک رو در اپلیکیشنهای iOS بسازی و کاملاً ظاهر و رفتارشون رو کنترل کنی. در چه شرایطی بهتره استفاد ...
کاربرد: این کتابخانه به تو کمک میکنه تا با استفاده از برنامهنویسی واکنشگرا (Reactive Programming)، رویدادها و تغییرات دادهها در اپلیکیشنهای iOS و macOS رو به صورت جریانهای داده مدیریت کنی. این فریمورک امکان اتصال خودکار بین لایههای مختلف (مثل UI و منطق کسبوکار) رو فراهم میکنه و کد رو تمیز ...
درخت برگداری از مونگودیبی بدون مسدودسازی برای اسکالا کاربرد: این درایور به تو امکان میده تا به صورت غیرهمزمان و ریاکتیو با پایگاه داده MongoDB کار کنی، بدون اینکه نخها (thread) مسدود بشن. مناسب برای برنامههای اسکالا که به کارایی بالا و پاسخگویی سریع نیاز دارن. در چه شرایطی بهتره استفاده بشه؟ وق ...
این پروژه یک ابزار ریاکتیو برای Neovim فراهم میکند که به توسعهدهندگان اجازه میدهد تا رفتارهای پویا و واکنشگرا را به راحتی در محیط ویرایشگر خود پیادهسازی کنند. کاربرد: این ابزار به شما کمک میکند تا وضعیتها و متغیرها را به صورت واکنشگرا مدیریت کنید، مثل آنچه در فریمورکهای مدرن جاوااسکریپت ( ...
یک ابزار منحصربهفرد برای ساخت رزومه است که حریم خصوصی شما را جدی میگیرد. کاربرد: این پروژه به شما کمک میکند تا یک رزومه حرفهای و زیبا بسازید، بدون اینکه نگران اشتراک اطلاعات شخصی خود باشید. تمام دادهها روی دستگاه خودتان ذخیره میشوند و هیچ اطلاعاتی به سرورهای دیگر ارسال نمیشود. در چه شرایطی به ...
این کتابخانه شامل کامپوننتهای رابط کاربری جستجو برای فریمورکهای React و Vue است که به توسعهدهندگان کمک میکند تا به راحتی سیستمهای جستجوی پویا و قدرتمند در برنامههای خود پیادهسازی کنند. کاربرد: این ابزار برای ساخت تجربههای جستجوی تعاملی مثل فیلترهای زنده، پیشنهادات خودکار، جستجوی متنی پیشرفت ...
کاربرد: این پروژه یک نمایشگاه معاملات لحظهای ارزهای خارجی (FX) در محیط ابری است که توسط شرکت Adaptive ارائه شده. این سیستم با استفاده از فناوریهای پیشرفته، قابلیت پردازش دادههای بازار به صورت بلادرنگ و اجرای معاملات سریع را فراهم میکند و بیشتر به عنوان یک نمونه کاربردی برای نمایش قابلیتهای فنی ...
کاربرد: این پروژه یک راهنمای کامل و مقدماتی برای یادگیری ReactJS به زبان فارسی و چینی هست که به کاربران کمک میکنه از صفر تا صد React.js و اکوسیستم اطرافش مثل Redux, React Router, ImmutableJS, React Native و GraphQL رو یاد بگیرن. در چه شرایطی بهتره استفاده بشه؟ اگر تازه میخوای وارد دنیای توسعه فران ...
این یک نمونه کار سهبعدی حرفهای برای توسعهدهندگانه که با React.js و Three.js ساخته شده و گرافیک خیرهکنندهای داره کاربرد: این پروژه بهت کمک میکنه یک نمونه کار جذاب و مدرن بسازی که مهارتهای برنامهنویسی و طراحی تو رو به صورت تعاملی نشون بده در چه شرایطی بهتره استفاده بشه؟ اگر میخوای دروازه ورود ...
چه کاربردی داره؟ این مخزن شامل مجموعهای از سوالات متداول مصاحبههای شغلی در مورد ReactJS برای سال ۲۰۲۴ است که به تو کمک میکنه تا با اطمینان کامل وارد مصاحبههای فنی بشی. سوالات از سطح مبتدی تا پیشرفته رو پوشش میده و برای هر دو گروه توسعهدهندگان جدید و حرفهای مناسب هست. در چه شرایطی بهتره استفاد ...
کاربرد: این پروژه یک مجموعه جامع از ۵۰۰ سوال و جواب مصاحبه ReactJS هست که به تو کمک میکنه تا برای مصاحبههای شغلی در زمینه توسعه فرانتاند، بهخصوص با فناوری React، آماده بشی. شامل مباحث پایه تا پیشرفته مثل کامپوننتها، هکهای ریاکت (React Hooks)، مدیریت حالت (State Management)، عملکرد و بهینهساز ...
کاربرد: این مجموعه شامل ۳۰۴ سوال و جواب مصاحبه در مورد ReactJS هست که به تو کمک میکنه تا برای مصاحبههای شغلی در زمینه توسعه فرانتاند آماده بشی سوالات از مباحث پایهای مثل کامپوننتها و استیت تا موضوعات پیشرفته مثل هوکها، ریرندرینگ، بهینهسازی و ریاکت هلر رو پوشش میده. در چه شرایطی بهتره استفا ...
ایجاد فرمهای تحت وب با استفاده از JSON Schema در محیط React کاربرد: این کتابخانه به توسعهدهندگان اجازه میدهد تا فرمهای پیچیده تحت وب را به صورت خودکار و پویا از روی یک ساختار JSON Schema ایجاد کنند. بدون نیاز به نوشتن دستی هر فیلد، ویجت یا اعتبارسنجی، فرم به صورت خودکار تولید میشود. در چه شرایط ...
کاربرد: یک کامپوننت React برای نمایش دادههای JSON به صورت ساختاریافته و قابل بازکردن/بستن هست، که به کاربران کمک میکنه دادههای پیچیده رو راحتتر ببینند و بررسی کنند. در چه شرایطی بهتره استفاده بشه؟ وقتی توی یک اپلیکیشن React داری و میخوای دادههای JSON رو به کاربر نمایش بدی — مثل وقتی که داری یک ...
این مجموعه شامل پروژههای جذاب و کاربردی ساخته شده با ReactJS است که به تو کمک میکنه تا مهارتهای خودت رو در توسعه فرانتاند بهبود بدی. کاربرد: این پروژهها برای یادگیری عملی React عالی هستن — از ساخت کامپوننتها گرفته تا مدیریت حالت و روتینگ. میتونی ازشون برای ساخت وباپ، نمونهکار (Portfolio)، ی ...
این یک ویرایشگر متن غنی و مدرن بر پایه tiptap و shadcn/ui برای فریمورک React.js است. کاربرد: این پروژه برای ساخت ویرایشگرهای متنی قدرتمند و قابل سفارش در برنامههای React مناسب است، جایی که نیاز به قالببندی پیشرفته متن، لیستها، عناوین، تصاویر و غیره وجود داره. ️ در چه شرایطی بهتره استفاده بشه؟ وق ...
این یک اپلیکیشن لیست کارهای روزانه (ToDo) است که با React.js و Firebase ساخته شده و از Material UI برای رابط کاربری زیبا و واکنشگرا استفاده میکند. همچنین شامل احراز هویت کاربر با Firebase Authentication و ذخیرهسازی دادهها در Firebase Firestore است. کاربرد: این پروژه برای مدیریت وظایف شخصی یا تیم ...
این یک پروژهٔ آماده و استاندارد برای شروع توسعهٔ برنامههای React.js با ابزارهای مدرن است. کاربرد: این بُهمِن (boilerplate) به تو کمک میکنه بدون دردسر تنظیمات اولیه، شروع به کدنویسی کنی. تمام ابزارهای لازم مثل TypeScript، Vite، TailwindCSS، Eslint و Prettier از قبل راهاندازی شدن. در چه شرایطی بهت ...
این پروژه یک راهحل عالی برای استفاده از Highcharts در برنامههای React است، جایی که میخواهید نمودارهای پیچیده و تعاملی را با استفاده از کامپوننتهای خالص React ایجاد کنید. کاربرد: این کتابخانه به شما اجازه میدهد تا از تمام قابلیتهای Highcharts در محیط React استفاده کنید، بدون اینکه نیاز به مدیری ...
کاربرد: این کتابخانه ترکیبی از React و Canvas است که به تو اجازه میده با استفاده از کامپوننتهای ری اکت، گرافیکهای پیچیده روی canvas رسم کنی. مثل این میمونه که JSX رو برای کشیدن شکلهای دوبعدی، انیمیشنها یا ابزارهای طراحی استفاده کنی. در چه شرایطی بهتره استفاده بشه؟ وقتی نیاز داری یک رابط تعاملی و پوی ...
این یک الگوی ساده و تمیز از صفحه لندینگ تکصفحهای با فناوری React است که برای استارتاپها و شرکتها طراحی شده. کاربرد: این پروژه به تو کمک میکنه تا در کمترین زمان ممکن یک صفحه لندینگ حرفهای برای معرفی محصول، خدمات یا استارتاپت بسازی. در چه شرایطی بهتره استفاده بشه؟ اگر دنبال یک قالب آماده، سریع و ...
چه کاری انجام میده؟ این کتابخانه به شما اجازه میده تا کامپوننتها، تصاویر یا هر المان دیگری رو به صورت تنبل (Lazy Load) در ریاکت لود کنید تا عملکرد وبسایت بهبود پیدا کنه و سرعت بارگذاری افزایش یابه. در چه شرایطی بهتره استفاده بشه؟ وقتی که با صفحات بزرگ، لیستهای بلند یا محتوای زیادی کار میکنید که ...
این یک کامپوننت ریاکت است که به صورت تنبل (lazy) تصاویر و کامپوننتها را بارگذاری میکند. از طریق یک HOC (HigherOrder Component) موقعیت اسکرول پنجره را ردیابی میکند تا عملکرد بهتری در لود تصاویر داشته باشد. ️ کاربرد: این کامپوننت برای بهبود عملکرد صفحات وب با بارگذاری تنبل تصاویر استفاده میشه. یع ...
این یک نمودار تعاملی از متدهای چرخه حیات (lifecycle) در کامپوننتهای کلاسی React است. کاربرد: کمک میکنه تا درک بهتری از ترتیب اجرا شدن متدهای چرخه حیات در React داشته باشید، مثل componentDidMount، componentDidUpdate و componentWillUnmount. در چه شرایطی بهتره استفاده بشه؟ وقتی دارید React یاد میگیر ...
کاربرد: این ابزار یک محیط زنده برای ویرایش و اجرای کامپوننتهای React فراهم میکنه . میتونی کد بنویسی و بلافاصله نتیجه رو ببینی، بدون نیاز به ریلود یا کامپایل دستی. عالی برای داکیومنتیشن، آموزش یا دموهای تعاملی . در چه شرایطی بهتره استفاده بشه؟ وقتی میخوای کامپوننتهای React رو به صورت تعاملی نشون ...
کاربرد: این کتابخانه یک کامپوننت سطح بالا (Higher Order Component) برای بارگذاری کامپوننتهای ریاکت با استفاده از Promises فراهم میکنه. به کمک این ابزار میتونی بارگذاری تأخیری (Lazy Loading) کامپوننتها رو به راحتی پیادهسازی کنی و عملکرد اولیه اپلیکیشن رو بهبود بدی. در چه شرایطی بهتره استفاده بش ...
این پروژه یک ابزار بهینهساز برای ادغام فریمورکهای مدرن جاوااسکریپت مثل ReactJS یا Vue با Magento 2 است، بدون نیاز به تغییر تم پیشفرض (مثل Luma). کاربرد: به شما اجازه میدهد تا از کامپوننتهای UI مدرن در کنار کد قدیمی (Legacy Knockout.js) مگنتو 2 استفاده کنید، بدون اینکه مجبور باشید کل تم رو عوض ...
️ این کتابخانه یک کامپوننت ریاکت برای کار با Mapbox GL JS است که به توسعهدهندگان اجازه میدهد تا نقشههای تعاملی و زیبا را به راحتی در برنامههای ریاکت بسازند. کاربرد: این کتابخانه برای افزودن نقشههای پویا، لایههای گرافیکی، نشانگرها، هایلایت مناطق و تحلیلهای مکانی در برنامههای تحتوب مبتنی بر ...
کاربرد: این یک ویرایشگر و پیشنمایشدهنده مارکداون برای React است که به تو امکان میدهد متنهای مارکداون رو به صورت زنده ویرایش کنی و نتیجه رو ببینی در چه شرایطی بهتره استفاده بشه؟ وقتی داری یک اپلیکیشن وب با React میسازی و نیاز داری کاربر بتونه متنهای فرمتدار رو با مارکداون بنویسه، مثل بلاگه ...
این یک داشبورد مدیریت رایگان و متنباز است که با React و MaterialUI ساخته شده. کاربرد: این پروژه به تو کمک میکنه تا به راحتی یک پنل مدیریت زیبا و حرفهای بسازی، بدون اینکه از صفر شروع کنی. ️ در چه شرایطی بهتره استفاده بشه؟ اگر داری یک پروژهی وب با React میسازی و نیاز به یک رابط کاربری مدیریت داری ...
کاربرد: این تمپلیت یک داشبورد مدیریت مدرن بر پایه React و MaterialUI هست که به توسعهدهندگان کمک میکنه به راحتی پنلهای مدیریت، سیستمهای داخلی یا اپلیکیشنهای مبتنی بر داده رو طراحی و پیادهسازی کنند. در چه شرایطی بهتره استفاده بشه؟ اگر دنبال یک رابط کاربری زیبا، واکنشگرا و حرفهای برای پروژههای ...
این یک کتابخانهٔ ریاکت برای نمایش نوتیفیکیشنهای سازگار با استاندارد Material Design است که بهراحتی با Material UI ادغام میشود. کاربرد: این کتابخانه به تو اجازه میدهد تا پیامهای اطلاعرسانی زیبا و استاندارد در برنامههای ریاکت خود نمایش بدی، بدون اینکه نیاز باشه از صفر بسازیشون. در چه شرایطی ب ...
این یک کتابخانهٔ رایگان و متنباز از کامپوننتهای قابل استفاده مجدد در React.js است که برای استفاده با تمپلیت Mazer طراحی شده. این کامپوننتها به توسعهدهندگان کمک میکنند تا رابطهای کاربری زیبا و واکنشگرا را به سرعت و با حداقل کدنویسی بسازند. کاربرد: این پروژه برای ساخت سریع پنلهای مدیریتی، داشب ...
چه کاری انجام میده؟ این یک کتابخانهٔ قابل دسترس از کامپوننتهای ریاکت است که بر اساس راهنمای Material Design و با Sass ساخته شده. به توسعهدهندگان کمک میکنه تا رابطهای کاربری زیبا و استاندارد دسترسیپذیر بسازند. کاربرد: برای ساخت رابطهای کاربری مدرن با تم Material Design در پروژههای React مناسب ...
این یک ویرایشگر ساده مارکداون با قابلیت پیشنمایش است که با React.js و TypeScript پیادهسازی شده. کاربرد: این کتابخانه برای ایجاد یک ویرایشگر متن مارکداون در برنامههای وبی مناسب است و به کاربران اجازه میدهد متن خود را بنویسند و در کنار آن پیشنمایش زندهٔ مارکداون را ببینند. ️ در چه شرایطی بهتره ...
کاربرد: این کتابخانه یک ویجت زومشونده برای تصاویر در برنامههای React فراهم میکند که رفتار آن شبیه به قابلیت بزرگنمایی تصاویر در وبسایت Medium.com است. وقتی کاربر روی تصویر کلیک میکند، تصویر به صورت زوم شده و مرکزی نمایش داده میشود و با کلیک دوباره یا حرکت انگشت، به حالت اولیه برمیگردد. در چه ...
کاربرد: این کتابخانه به تو امکان میده که در یک textarea از قابلیت @mention استفاده کنی، مثل وقتی که توی کامنتها یا چتها یک نفر رو تگ میکنی در چه شرایطی بهتره استفاده بشه؟ وقتی داری یک سیستم کامنتگذاری، چت، یا ویرایشگر متن میسازی و میخوای کاربر بتونه با تایپ علامت @، لیستی از کاربران یا آیتمها ...
این یک کامپوننت React برای ساخت منوها، دادههای کشویی، زیرمنوها، منوهای متنی و سایر عناصر تعاملی است که به راحتی قابل دسترسی (accessible) هستند. کاربرد: این کتابخانه به تو کمک میکنه تا منوهای کاربری حرفهای و سازگار با استانداردهای دسترسپذیری (مثل ARIA) بسازی. مناسب برای پروژههایی که نیاز به تعام ...
این یک کتابخانه جاوااسکریپت برای تشخیص هوشمند اسناد در فرانتاند با استفاده از React است. کاربرد: این اسدیکی به تو اجازه میده تا مستقیماً در مرورگر کاربر، اسناد مثل فاکتور، کارت ملی، گواهینامه و غیره رو آپلود کنی و اطلاعاتشون رو استخراج کنی بدون اینکه دادهها به سرور بره. در چه شرایطی بهتره استفا ...
این یک کامپوننت برگه پایینی (bottom sheet) انعطافپذیر است که با کتابخانه Motion ساخته شده و تجربه کاربری فوقالعاده نرم و روان ارائه میدهد، در عین حال به دسترسپذیری (accessibility) هم توجه کامل دارد کاربرد: این کامپوننت برای موقعیتهایی مناسب است که نیاز به نمایش محتوایی به صورت مودال از پایین صف ...
کاربرد: ویرایشگر کُد پیشرفته Monaco (همان ویرایشگری که در VS Code استفاده میشه) رو به راحتی در پروژههای React ادغام میکنه. این کتابخونه بهت اجازه میده یک ویرایشگر کُد با هایلایت سینتکس، تکمیل خودکار و دیباگ پیشرفته توی اپلیکیشنت داشته باشی. در چه شرایطی بهتره استفاده بشه؟ وقتی نیاز داری یک ویرایش ...
کاربرد: این کتابخانه یک مدیر ویندوز کاشیای (tiling window manager) برای React ارائه میدهد که به توسعهدهندگان اجازه میدهد رابطهای کاربری پیچیده با توزیع هوشمند پنجرهها ایجاد کنند، مثل محیطهای توسعه یا ابزارهای ویرایش چندصفحهای ️ در چه شرایطی بهتره استفاده بشه؟ وقتی نیاز داری چندین پنل (مثل وی ...
کاربرد: این پروژه یک کیت شروع سریع برای ساخت برنامههای ریاکت است که شامل ویژگیهای پرکاربرد و مورد نیاز در اکثر پروژهها میشود، مثل احراز هویت، مدیریت وضعیت با Redux، روتینگ با React Router و ادغام با Firebase. ️ در چه شرایطی بهتره استفاده بشه؟ وقتی میخوای یک پروژه جدید ریاکت رو شروع کنی و نمی ...
این یک کتابخانهٔ سبک و کارآمد برای اجرای قابلیت کشیدن و رها کردن (Drag & Drop) در لیستها و جداول در برنامههای React است. کاربرد: این ابزار به شما امکان میدهد به راحتی المانهای لیست یا ردیفهای جدول را با ماوس یا لمس (در دستگاههای تاچ) جابجا کنید، بدون نیاز به کتابخانههای سنگین یا پیچیده. در چه ...
این یک کاروسل چندگانه سبک و آماده برای تولید است که از نمایش چند آیتم به صورت همزمان، رندر سروری و بدون نیاز به کتابخانهٔ جانبی پشتیبانی میکند. حجم باندل آن تنها ۲ کیلوبایت است و برای پروژههایی که به سرعت و کارایی اهمیت میدهند عالی است. کاربرد: برای نمایش اسلایدرهای چندگانه در صفحات محصول، وبلاگ ...
این پروژه یک منوی کشویی چند سطحی در برنامههای React ایجاد میکند. این کامپوننت به توسعهدهندگان کمک میکند تا منوهای پیچیده و سلسلهمراتبی را به راحتی پیادهسازی کنند. کاربرد: این کامپوننت برای ساخت منوهای ناوبری (Navigation) در برنامههای SPA (تکصفحهای) مناسب است. مثلاً در سایتهای فروشگاهی، پنل ...
کاربرد: این پروژه بهت کمک میکنه با استفاده از React موسیقی بسازی و بیتهای خفن درست کنی! از کامپوننتهای ری اکت برای کنترل صدا، ضربآهنگ و سینتیسایزرها استفاده میشه. در چه شرایطی بهتره استفاده بشه؟ اگه دوست داری موسیقی و کدنویسی رو ترکیب کنی، این ابزار عالیه! مخصوصاً برای توسعهدهندگانی که به موس ...
کاربرد: این یک کتابخانهٔ ریاکت است که مدیریت حالت جهانی (global state) را به صورت داخلی و بدون نیاز به ابزارهای جانبی مثل Redux یا Context API فراهم میکند. با استفاده از آن، میتوانید حالتهای اشتراکی بین کامپوننتها را راحتتر مدیریت کنید. در چه شرایطی بهتره استفاده بشه؟ وقتی یک پروژهٔ ریاکت دار ...
کتاب داستان برای رد اکسپو و ری اکت نیتیو! این ابزار به تو کمک میکنه کامپوننتهای رابط کاربری رو به صورت جداگانه توی یک محیط تعاملی توسعه بدی و تست کنی. کاربرد: این ابزار برای توسعه کامپوننتهای UI در اپلیکیشنهای ری اکت نیتیو مناسبه. میتونی بدون نیاز به اجرای کل اپ، کامپوننتها رو ببینی، تست کنی و ...
کاربرد: این فریمورک به تو اجازه میده با استفاده از React و JavaScript اپلیکیشنهای نیتیو برای اندروید و آیاواس بسازی. به جای نوشتن کد جداگانه برای هر پلتفرم، میتونی یه کد بیس واحد داشته باشی که روی هر دو سیستم عامل اجرا بشه. در چه شرایطی بهتره استفاده بشه؟ اگر دنبال ساخت اپلیکیشنهای موبایل با ت ...
این چارچوب یک راهحل تمامعرض برای ساخت برنامههای موبایل هوش مصنوعی با قابلیت اجرا روی چندین پلتفرم (مانند iOS و Android) است. کاربرد: این فریمورک به توسعهدهندگان کمک میکند تا با استفاده از React Native و ابزارهای هوش مصنوعی، برنامههای هوشمند بسازند که هم در لایه کلاینت و هم در بکاند قابلیت پر ...
این یک ماژول نیتیو برای React Native است که امکان ضبط و پخش صدا را به صورت حرفهای فراهم میکند. از ویژگیهای جالب آن استفاده از NitroModule برای عملکرد بهتر و سریعتر در پلتفرمهای اندروید و iOS است. کاربرد: این کتابخانه برای ساخت اپلیکیشنهایی که نیاز به ضبط صوت، پخش فایلهای صوتی، مدیریت فرمتهای ...
این پروژه یک کتابخانه برای اجرای وظایف دور از کاربر در برنامههای React Native است که به توسعهدهندگان اجازه میدهد عملیاتی مانند بهروزرسانی دادهها، جمعآوری اطلاعات یا ارسال گزارشها را در پسزمینه و حتی زمانی که برنامه بسته است انجام دهند. کاربرد: این کتابخانه برای برنامههایی که نیاز دارند به ص ...
کاربرد: این کتابخانه برای نمایش تصاویر جایگزین محو و رنگی در حین بارگذاری محتوای اصلی استفاده میشه . وقتی کاربر یک تصویر رو میبینه، قبل از اینکه تصویر واقعی کامل بارگیری بشه، یک نسخهٔ بسیار کوچک و مخدوششده از اون (Blurhash) نمایش داده میشه که ظاهری زیبا و حرفهای به اپ میده ️. در چه شرایطی بهتره ا ...
کاربرد: این پروژه یک تمپلیت آماده برای ساخت برنامههای موبایل با React Native است که به تو اجازه میدهد با JavaScript یا TypeScript شروع به کدنویسی کنی، بدون اینکه نیاز باشه پیکربندیهای اولیه رو دستی انجام بدی. ️ در چه شرایطی بهتره استفاده بشه؟ اگر میخوای یک پروژه جدید ری اکت نیتیو شروع کنی و دوست ...
این یک قالب آماده و شروع سریع برای ساخت اپلیکیشنهای ریاکت نیتیو با استفاده از Expo، TypeScript و NativeWind است. کاربرد: این پروژه به تو کمک میکنه بدون دردسر تنظیمات اولیه، شروع به کدنویسی کنی. تمام ابزارهای لازم برای یک توسعهدهنده حرفهای از قبل پیکربندی شدن: مدیریت کد با ESLint و Prettier تست ...
کاربرد: این کتابخانه به تو اجازه میده تا یک صفحهٔ استارت (اسپلش اسکرین) رو هنگام اجرای اولیهٔ اپلیکیشن نمایش بدی این صفحه دقیقاً قبل از لود شدن اپ ظاهر میشه و تو میتونی کنترل کنی که چه زمانی بسته بشه، مثلاً وقتی دادهها لود شدن یا کاربر لاگین کرد در چه شرایطی بهتره استفاده بشه؟ اگر میخوای اپلیکیشن ...
کاربرد: این ابزار مجموعهای از خط فرمان (CLI) ساده برای راهاندازی و ساخت کتابخانههای React Native برای پلتفرمهای مختلفه. به تو کمک میکنه بدون دردسر، یک کتابخانه React Native رو برای iOS، Android و وب آماده کنی و بیلدش کنی. ️ در چه شرایطی بهتره استفاده بشه؟ وقتی میخوای یک کتابخانه قابل استفاده د ...
این کتابخانه به توسعهدهندگان اجازه میدهد تا تماسهای واقعی شبیه تماسهای سیستمی روی دستگاههای iOS و اندروید را در برنامههای React Native پیادهسازی کنند. کاربرد: این کتابخانه از CallKit در iOS و ConnectionService در اندروید استفاده میکند تا تماسهای ویدیویی یا صوتی در برنامههای WebRTC مثل تماس ...
این پروژه یک کتابخانهٔ فشردهسازی برای React Native است که به شما امکان میدهد فایلهای تصویر، ویدیو و صوت را بهصورت کارآمد فشرده کنید، دقیقاً مثل روش استفادهشده در واتساپ کاربرد: این ابزار برای کاهش حجم فایلهای رسانهای بدون افت چشمگیر کیفیت طراحی شده و مناسب برنامههایی است که نیاز به آپلود یا ...
چه کاری انجام میده؟ این یک ابزار دیباگ مستقل برای توسعهدهندگان React Native هست که تمام قابلیتهای دیباگر رسمی این فریمورک رو داره و علاوه بر اون، امکانات پیشرفتهتری مثل بازرس ریاکت (React Inspector) و Redux DevTools رو هم فراهم میکنه. ️ کاربرد: این ابزار بهت کمک میکنه تا کامپوننتهای React و ...
این کتابخانه، رابط جاوااسکریپتی برای نمایش دیالوگهای زیبا و حرفهای در اپلیکیشنهای React Native فراهم میکند که بر پایهی کتابخانهی قدرتمند materialdialogs برای اندروید ساخته شده است. کاربرد: این ابزار به تو اجازه میدهد تا به راحتی دیالوگهای استاندارد متریال دیزاین مثل تایید، هشدار، انتخاب گزین ...
کاربرد: این پروژه یک نسخهٔ آزمایشی و جامع از React Native برای وب است که به توسعهدهندگان اجازه میدهد تا کدهای React Native را مستقیماً روی مرورگر اجرا کنند، بدون نیاز به تغییر زیاد در کد. در چه شرایطی بهتره استفاده بشه؟ وقتی میخوای یک اپلیکیشن چندسکویی (موبایل و وب) با یک پایه کد واحد بسازی، این ...
این کتابخانه به تو این امکان رو میده که متغیرهای محیطی (environment variables) رو در پروژههای React Native با استفاده از دستور import فراخوانی کنی، بدون نیاز به استفاده از process.env یا ماژولهای پیچیده. کاربرد: این ابزار برای مدیریت متغیرهای محیطی مثل APIKEY، BASEURL یا تنظیمات متفاوت برای محیطه ...
یک اپلیکیشن زیبا برای نمایش طراحیهای Dribbble با استفاده از React Native کاربرد: این پروژه به تو کمک میکنه تا طراحیهای موجود در Dribbble رو به صورت تعاملی و روان در یک اپلیکیشن موبایلی ببینی. از آن برای یادگیری ساخت UIهای پیچیده در React Native یا الهامگرفتن از طراحیهای حرفهای استفاده کن. در چ ...
این کتابخانه یک نوار جستجوی پویا برای برنامههای React Native فراهم میکند که به راحتی قابل شخصیسازی و استفاده است. کاربرد: این کامپوننت برای ایجاد نوارهای جستجوی هوشمند و واکنشگرا در اپلیکیشنهای موبایل طراحی شده. میتونی رنگ، فونت، انیمیشن و رفتار جستجو رو تنظیم کنی. ️ در چه شرایطی بهتره استفاده ...
یک کتابخانه عالی برای نمایش نمودارها در ریاکت نیتیو است که بر پایهٔ Apache ECharts ساخته شده و از reactnativesvg و reactnativeskia استفاده میکند. کاربرد: این کتابخانه برای رسم نمودارهای پیچیده و تعاملی در اپلیکیشنهای ریاکت نیتیو مناسب است و عملکرد بهتری نسبت به راهحلهای مبتنی بر WebView دارد. ...
یک کامپوننت داپداون برای React Native که به راحتی قابل سفارشیسازی است و در هر دو سیستم عامل iOS و Android به خوبی کار میکند کاربرد: این کامپوننت برای ایجاد منوهای کشویی (Dropdown) در اپلیکیشنهای موبایل استفاده میشه و به توسعهدهندگان اجازه میده تا ظاهر و رفتار داپداون رو به راحتی شخصیسازی کن ...
کاربرد: این کتابخانه یک مجموعه از کامپوننتهای قابل استفاده مجدد برای ساخت رابط کاربری در اپلیکیشنهای React Native فراهم میکنه . این ابزار به توسعهدهندگان کمک میکنه تا به سرعت و با کیفیت بالا، رابطهای زیبا و حرفهای بسازند بدون اینکه مجبور باشند همه چیز رو از صفر بنویسند. در چه شرایطی بهتره است ...