قالب Fuse - React js Redux Toolkit Material Design + Hooks
72 فروش
از 14 رأی
81% رضایت
100% رضایت پشتیبانی
از 6 رأی
A+ پشتیبانی
  • گارانتی کیفیت راست چین
  • ضمانت بازگشت 6 ماهه وجه
  • 6 ماه پشتیبانی رایگان حرفه ای
  • آپدیت رایگان، دسترسی مادام العمر به فایل
455 هزار تومان
قیمت محصول:
455,000 تومان
  • توضیحات
  • پرسش و پاسخ 41
  • پشتیبانی

 

قالب مدیریت Fuse ری اکت ریداکس و تیلویند سی اس اس | Fuse React Redux with Tailwind Css | Fuse – React Admin Template Redux Toolkit Material Design with Hooks Support | قالب مدیریت Fuse | داشبورد مدیریت Fuse

معرفی قالب مدیریت Fuse ReactJs

قالب Fuse React یک پنل مدیریتی با تکنولوژی وب اپلیکیشن جاوا اسکریپت و بسیار کامل بر مبنای فریم ورک محبوب React Js است که با متد Hook پیاده سازی شده است. این قالب از اجزای Material UI استفاده می کند. در این قالب سعی شده تا یک هسته قوی برای برنامه نویسان و یک بسته ابزار مدیریتی فراهم شود تا یک تجربه کاربری عالی برای کاربران ایجاد کنیم.

قالب Fuse React با React Hooks نوشته شده است (ویژگی جدید react به شما امکان می دهد بدون نوشتن کلاس از حالت و سایر ویژگی های React استفاده کنید.). Fuse React یک قالب کامل مدیریت React است که از دستورالعمل‌های طراحی متریال Google پیروی می‌کند و فایل های psd به همراه قالب ضمیمه شده است. همچنین برای شما کاربران، فایل اصلی محصول اورجینال (نسخه ی اصلی بدون تغییر) قرار داده شده است تا در صورت نیاز از آن بهره ببرید.

ویژگی های قالب مدیریت Fuse

الگوی مدیریت Fuse React از Material UI V5 به عنوان کتابخانه UI اولیه استفاده می کند در حالی که از Redux Toolkit برای مدیریت State استفاده می کند. دارای قالب‌های صفحه داخلی، مسیریابی و ویژگی‌های احراز هویت است. همچنین شامل 5 برنامه نمونه، 20+ صفحه، بسیاری از اجزای React قابل استفاده مجدد و موارد دیگر است.

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

این وب اپلیکیشن برای انواع پروژه ها قابل استفاده است چرا که دارای تمامی ابزارهای لازم برای ایجاد یک پروژه کوچک تا پروژه پیچیده در یک بازه زمانی کوتاه در اختیار شما قرار داده است. درنظر داشته باشید که قالب Fuse ReactJS تماما با ری اکت برنامه نویسی شده است، ما به هیچ عنوان از کتابخانه هایی مانند JQuery استفاده نکرده ایم و تمام افزونه های مورد استفاده در این قالب، به صورت پکیج هایی مناسب ری اکت در npm و یا yarn استفاده شده اند.

قالب Fuse ReactJs با تکنولوژی ReactJS، Redux، Hooks و Tailwind Css است و دارای اپلیکیشن های آکادمی، mailbox، یادداشت ها، اسکرام بورد و غیره مناسب برای پروژه ها با پنل مدیریتی است.

Fuse – React Admin Template Redux Toolkit Material Design with Hooks Support

امکانات قالب Fuse - React Admin Template Redux Toolkit Material Design

قالب Fuse – React js Redux Toolkit Material Design ساخته شده با

  • React
  • React Redux
  • Redux Toolkit
  • React Hook Form
  • Material-UI V5
  • Tailwind v3
  • Framer Motion
  • Create React App v5
  • React App Rewire
  • React Router v6
  • Redux Thunk
  • Material Icons
  • Poppins typeface font family
  • React Table
  • Formsy React
  • Google Map React
  • Apex Charts
  • Full Calendar
  • Draft JS

پس از خریداری قالب ReactJs Fuse فایلهای قابل دانلود شامل:

• قالب مدیریت فارسی شده

• اسکلت قالب Fuse

فایل راهنما به دلیل اینکه لازم بود نمونه های کد را بصورت اجرایی ببینید، بصورت صفحات در قالب موجود هست

طراحی اپلیکیشن

Fuse Template طرح های کاربردی را همراه با برخی قابلیت ها ارائه می دهد. این قابلیت‌ها برای اهداف نمایشی هستند و نشان می‌دهند که با طرح‌های برنامه ارائه‌شده چه کاری می‌توانید انجام دهید.

اپلیکیشن های موجود در قالب مدیریت Fuse React

  • Analytics Dashboard
  • Project Dashboard
  • Academy
  • Calendar
  • Chat
  • Contacts
  • E-Commerce
  • File Manager
  • Help Center
  • Mailbox
  • Notes
  • Scrumboard
  • Profile

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

ویرایش کردن این قالب برای تمام برنامه نویسان به سادگی آب خوردن است چرا که این یک قالب open source است.

و در نهایت با توجه به اینکه ری اکت در بین کاربران برنامه نویس، یکی از محبوب ترین فریم ورک ها محصوب می شود ما این قالب را برای شما آماده کردیم تا از استفاده ی آن لذت ببرید.

قالب مدیریت Fuse ری اکت راست چین ریسپانسیو، دارای نسخه تیره و روشن، ای کامرس، تقویم، چت، فایل منیجر، صفحه پروفایل کاربری و مدیریت لیست کاربران است. 

مشاهده بیشتر

لیست تغییرات

نسخه 8.3.5 - 20 مهر 1402
  • material-ui updated to v5.11.15
  • react-router updated to v6.10
  • tailwindcss updated to v3.3.1
  • @reduxjs/toolkit updated to v1.9.3
  • axios updated to v1.3.4
  • fullcalendar updated to v6.1.5
  • All dependency packages updated.

برچسب ها

آخرین پرسش و پاسخ

mojtabadavoodian20@gmail.com

سلام آیا این محصول با api میتونه به بک اندمون ک پایتونه وصل بشه؟

فاطمه کاظمی زاده
فاطمه کاظمی زاده حرفه ای در پاسخ به [email protected]
  • طراح محصول

سلام، هر محصولی که وب سرویس خروجیش باشه، شما میتونین به این وی اپلیکیشن متصل کنین و داخلش اسفااده کنین چون بکند و فرانت از هم مستقله

محمد ایل بیگی
محمد ایل بیگی

عرض سلام و خسته نباشید

میخواستم ببینم برای هر دمو یک فایل مجزا هست ؟ مثلا من اگر برای اکادمی خواسته باشم یک فایل مخصوص اکادمی هست یا کلا یک فایل هست که شامل کد کدا میشه ؟

تشکر

فاطمه کاظمی زاده
فاطمه کاظمی زاده حرفه ای در پاسخ به محمد ایل بیگی
  • طراح محصول

سلام و عرض ادب
سورس یکیه ولی وقتی بخشی با نام اکادمی داره یه پوشه هست که تمام صفحات مخصوصش در اون قرار داره
میتونین برای مشاهده سورس درخواست anydesk بدین داخل تیکت

bahrama
bahrama

سلام وقت خوش
در کار ما جداول زیادی استفاده میشه، آیا فرمت های مختلف و تم های متنوعی برای جداول داره؟

فاطمه کاظمی زاده
فاطمه کاظمی زاده حرفه ای در پاسخ به bahrama
  • طراح محصول

سلام و عرض ادب
هر چیزی که از یک جدول انتظار دارید اعم از رویدادها یا ویژگی هایی که میخواین داشته باشه، ببینید فریم ورک متریل داره یا خیر
اسکلت قالب با فریم ورک متریال نوشته شده

smhoseini
smhoseini

نسخه جدید که تایپ اسکریپت شده را کی قرار میدهید؟

فاطمه کاظمی زاده
فاطمه کاظمی زاده حرفه ای در پاسخ به smhoseini
  • طراح محصول

سلام. مشغول فارسی سازی یک محصول بزرگ با پشتیبانی از همه فریم ورک ها هستیم. انشالله در ماه آینده نسخه جدید از این قالب را ارائه می دهیم

amirhamini
amirhamini

سلام سرکارخانم
یک سوال از شما داشتم
ما یکسری Api داریم که از طریق .net نوشته شده است
می خواهیم پروژه Front را React استفاده کنیم ، آیا این پنل قابلیت پیاده سازی برای گرفتن دیتا از Api و استفاده در گرید و فرم را دارد؟

فاطمه کاظمی زاده
فاطمه کاظمی زاده حرفه ای در پاسخ به amirhamini
  • طراح محصول

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

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

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

زمانی هم که بخواین خروجی اینارو روی هاست بزارید، بازهم ssl نقش مهمی داره
میتونم بگم حداقل سه تا از پروژه های اخیر من بخاطر مشکل ssl داشتن از سمت بکند faild شد. چون بکند فکرمیکرد من برای اجرای کدهای فرانتم مثل خودش نیاز به سرورمجازی یا چیز خاصی دارم
اما فقط وب سرویس با ssl لازم داشتم و نمیتونست برام فراهم کنه!

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

فاطمه کاظمی زاده
فاطمه کاظمی زاده حرفه ای در پاسخ به amirhamini
  • طراح محصول

و نکته پایانی
هیچ تفاوتی نداره از چه قالبی استفاده کنید. باید ببینید سطح نیازهای شما از اون قالب چیه
ابزارهایی که ازش میخواین را داره یا نه
من توی این قالب تنها از یه فریم ورک برای ابزارهام استفاده کردم که اونم MUI هست و فکرمیکنم همه برنامه نویسها به قدرت و قابلیت کاستوم کردن این فریم ورک واقف باشن
اما برای افراد مبتدی توصیه اش نمیکنم چون بسیار قالب پیشرفته ای هست

babak52
babak52

ایا نسخه ری اکت هم اپدیت شده یعنی ری اکت 18 شده؟
و اینکه ری اکت روتر اپدیت شده کد ها هم ری فکتور شده؟

فاطمه کاظمی زاده
فاطمه کاظمی زاده حرفه ای در پاسخ به babak52
  • طراح محصول

سلام. مشغول تهیه نسخه جدید از قالب و فارسی سازی هستیم
نسخه فعلی
"react": "17.0.2",
"react-dom": "17.0.2",
"react-redux": "7.2.6",

هستند
و درباره ری فکتور قالب که پرسیدید. این قالب یکی از پرفروش ترین های سایت تم فارست هست و از ابتدا دارای پوشه بندی و ساختار فایل منظم و کدنویسی بهینه می باشد
برای دیدن نمونه کامپوننت ها تیکت ارسال کنین. بنده در خدمتتون هستم

sherlockrs
sherlockrs

سلام وقت بخیر
این قالب را برای نمایش اطلاعات بیشتر چه نمودار و چه جدول میخوام که با next js نوشتم ایا کد آن از لحاظ ورژن ری اکت و کتابخانه نسکت اوکی هست ؟

فاطمه کاظمی زاده
فاطمه کاظمی زاده حرفه ای در پاسخ به sherlockrs
  • طراح محصول

سلام این قالب با react js و hook نوشته شده و نسخه nextjs فعلا نداره
میتونین از محصول wieldy استفاده کنین که نسخه next js هم به همراهش داره

mr.davoud
mr.davoud

سلام . برای یک فروشگاه که نیاز به تیبل های مختلف با تمام ویژگی ها ، فرم ، تقویم و ... داره . شما خودتون کدوم قالب رو پیشنهاد میکنید ؟

فاطمه کاظمی زاده
فاطمه کاظمی زاده حرفه ای در پاسخ به mr.davoud
  • طراح محصول

سلام. ایمیل ارسال کنین تا بیشتر صحبت کنیم بتونم به نحو عالی راهنماییتون کنم

amirhosseiin
amirhosseiin

سلام ری اکت استفاده شده چه ورژنی هست ؟

فاطمه کاظمی زاده
فاطمه کاظمی زاده حرفه ای در پاسخ به amirhosseiin
  • طراح محصول

سلام. فعلا ۱۷.۰.۲

mina1220
mina1220

سلام، وقت بخیر، زبان قالب تایپ اسکریپت هست؟

فاطمه کاظمی زاده
فاطمه کاظمی زاده حرفه ای در پاسخ به mina1220
  • طراح محصول

سلام. خیر کاملا با جاوااسکریپت است
بصورت هوک نوشته شده

mehdi2010_20
mehdi2010_20

با سلام ،امکان طراحی یه سایت فروشگاهی برای ری اکت و دارید؟

فاطمه کاظمی زاده
فاطمه کاظمی زاده حرفه ای در پاسخ به mehdi2010_20
  • طراح محصول

سلام. بله دوست عزیز
اما توصیه میکنم برای سایت هایی که قراره در گوگل ایندکس شوند، از ری اکت به تنهایی استفاده نکنید.
تکنولوژی ای وجود داره به نام next js که همان ری اکت هست که ssr اجرا می شود

احمدمحمدحسینی
احمدمحمدحسینی

سلام و عرض ادب و احترام
با عرض پوزش به دلیل تصدیع اوقات شریف،
حقیر برای کسب و کارمون دنبال یه پورتال یا حساب کاربری هستم که نمایندگان بهش دسترسی داشته باشند و مدارک و پرونده های کاریشون رو برای سیر مراحل اداری در اون اپلود کنن و ما به صورت افلاین برداریم و نتیجه هم همونجا اعلام کنیم و در نهایت میخوایم اون سابقه پرونده ذخیره بشه توی حساب کاربریشون. با عرض پوزش مجدد، محبت میکنید راهنمائی بفرمائید که ایا با این وب اپ شما به راحتی میشه این اپی که گفتم رو ساخت و درخصوص دانش های مورد نیاز این امر نیز در صورت امکان راهنمائی بفرمائید. سپاس از مهرتان

فاطمه کاظمی زاده
فاطمه کاظمی زاده حرفه ای در پاسخ به احمدمحمدحسینی
  • طراح محصول

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

۲. این پنلی که در اینجا وجود داره، یک ابزار مدیریتی هست. یعنی صرفا اون کاری که شما میخواین را انجام نمیده، (مگر تغییرش بدید به اونچه که در ذهن شماست)
یعنی شما برای استفاده از این پنل باید برنامه نویس فرانت و بکند داشته باشید تا بتونین برای پروژه ای که در نظر دارین انجام بشه، از این ابزار برای تسهیل امور برنامه نویسی استفاده کنید
پس این پنل، یک پروژه نیست، صرفا یک ابزاره
این وب اپ هم با فریم ورک ReactJs نوشته شده، کار باهاش سخت نیست اما بهتره برنامه نویسی که قراره پروژه ی شمارو به دست بگیره و با این ابزار پیاده کنه، دانش نسبتا خوبی نسبت به این موضوع داشته باشه
و اینکه من دقیقا نمیتونم بگم آیا این برای پروژه ی شما خوب هست یا خیر، چرا که شما فقط یه مسیر کوتاه به اندازه چندخط درباره پروژه خودتون گفتید و من در جایگاهی قرار ندارم که از روند کلی کار شما در جریان باشم تا بگم کاملا مناسب شما هست یا خیر
بهتره پاسخ این پرسش اخر را با اطلاعات بهتر و بیشتری جواب داد

مشاهده بیشتر
بستن