کانال نوحه و مداحی ناب
  • بیزنس کامل سیستم مدیریت مطب و نوبت‌دهی - بررسی عمیق و ساختارمند

    بیزنس کامل سیستم مدیریت مطب و نوبت‌دهی - بررسی عمیق و ساختارمند

    🏢 لایه 1: مدیریت پایه و پیکربندی سیستم

    1.1 مدیریت کاربران و پرسنل

    هدف: مدیریت کامل پرسنل مطب شامل پزشکان، پرستاران، منشی‌ها و مدیران

    جداول مرتبط:

    • SYS_Users - اطلاعات اصلی کاربران

    • SYS_Roles - نقش‌های سیستم

    • SYS_UserRoles - ارتباط کاربران و نقش‌ها

    • SYS_RolePermissions - دسترسی‌های هر نقش

    فرآیندهای بیزنس:

    1. ثبت پرسنل جدید

      • تعیین نوع کاربر (پزشک، پرستار، منشی، etc.)

      • تنظیم نام کاربری و رمز عبور

      • ثبت اطلاعات شخصی و تماس

      • تعیین نقش و دسترسی‌ها

    2. مدیریت دسترسی‌ها

      • تعریف نقش‌های جدید

      • تنظیم مجوزهای هر نقش

      • تخصیص نقش به کاربران

      • audit دسترسی‌ها

    SPهای پیشنهادی:

    sql

    -- ثبت پرسنل جدید
    sp_SYS_Users_RegisterStaff
    -- مدیریت نقش‌ها و دسترسی‌ها
    sp_SYS_ManageRolePermissions
    -- تغییر وضعیت کاربر
    sp_SYS_Users_ChangeStatus
    -- audit دسترسی کاربران
    sp_SYS_AuditUserAccess

    1.2 مدیریت مقادیر سیستمی

    هدف: مدیریت داده‌های پایه و مقادیر ثابت سیستم

    جداول مرتبط:

    • SYS_SystemValues - مقادیر سیستمی

    فرآیندهای بیزنس:

    1. مدیریت تخصص‌های پزشکی

    2. تعریف انواع نوبت‌ها

    3. تنظیم انواع خدمات

    4. مدیریت وضعیت‌های مختلف

    SPهای پیشنهادی:

    sql

    -- مدیریت دسته‌بندی‌های سیستمی
    sp_SYS_SystemValues_ManageCategories
    -- دریافت مقادیر بر اساس دسته
    sp_SYS_SystemValues_GetByCategory

    👥 لایه 2: مدیریت بیماران

    2.1 ثبت و مدیریت اطلاعات بیماران

    هدف: مدیریت کامل اطلاعات دموگرافیک و پزشکی بیماران

    جداول مرتبط:

    • MCS_Patients - اطلاعات اصلی بیماران

    • MCS_PatientInsurances - اطلاعات بیمه بیماران

    فرآیندهای بیزنس:

    1. ثبت بیمار جدید

      • ایجاد کد منحصر به فرد بیمار

      • ثبت اطلاعات شخصی و دموگرافیک

      • ثبت اطلاعات تماس و اضطراری

      • ثبت اطلاعات بیمه

    2. به‌روزرسانی اطلاعات

      • تغییر اطلاعات تماس

      • به‌روزرسانی اطلاعات پزشکی

      • مدیریت وضعیت فعال/غیرفعال

    3. جستجوی بیماران

      • جستجوی پیشرفته با فیلترهای مختلف

      • جستجو بر اساس کد بیمار، نام، کد ملی

    SPهای پیشنهادی:

    sql

    -- ثبت کامل بیمار جدید
    sp_MCS_Patients_RegisterComplete
    -- به‌روزرسانی اطلاعات تماس
    sp_MCS_Patients_UpdateContactInfo
    -- جستجوی پیشرفته بیماران
    sp_MCS_Patients_SearchAdvanced
    -- مدیریت وضعیت بیمار
    sp_MCS_Patients_ChangeStatus

    2.2 مدیریت بیمه بیماران

    هدف: مدیریت اطلاعات بیمه و محاسبات مربوطه

    فرآیندهای بیزنس:

    1. ثبت اطلاعات بیمه

    2. تأیید اعتبار بیمه

    3. مدیریت تاریخ انقضا

    4. محاسبه پوشش بیمه

    SPهای پیشنهادی:

    sql

    -- ثبت بیمه بیمار
    sp_MCS_RegisterPatientInsurance
    -- تأیید اعتبار بیمه
    sp_MCS_VerifyInsuranceValidity
    -- محاسبه پوشش بیمه
    sp_MCS_CalculateInsuranceCoverage

    🩺 لایه 3: مدیریت پزشکان و کادر درمان

    3.1 پروفایل پزشکان

    هدف: مدیریت اطلاعات تخصصی پزشکان و برنامه‌های کاری

    جداول مرتبط:

    • MCS_Doctors - اطلاعات تخصصی پزشکان

    • MCS_DoctorSchedules - برنامه زمانبندی پزشکان

    • MCS_DoctorTimeOff - مرخصی‌های پزشکان

    فرآیندهای بیزنس:

    1. تنظیم پروفایل پزشک

      • ثبت اطلاعات تخصص و مدرک

      • تنظیم تعرفه‌های ویزیت

      • ثبت بیوگرافی و تخصص‌ها

    2. مدیریت برنامه زمانبندی

      • تعیین ساعات کاری

      • تنظیم حداکثر تعداد نوبت

      • مدیریت اتاق‌های ویزیت

    3. مدیریت مرخصی‌ها

      • درخواست مرخصی

      • تأیید/رد درخواست‌ها

      • مدیریت خودکار نوبت‌ها در زمان مرخصی

    SPهای پیشنهادی:

    sql

    -- تنظیم پروفایل پزشک
    sp_MCS_Doctors_SetupProfile
    -- مدیریت برنامه زمانبندی
    sp_MCS_Doctors_ManageSchedule
    -- مدیریت مرخصی پزشکان
    sp_MCS_ManageDoctorTimeOff
    -- به‌روزرسانی تعرفه‌ها
    sp_MCS_Doctors_UpdateFees

    3.2 تیم‌های درمانی

    هدف: ایجاد و مدیریت تیم‌های درمانی چندتخصصی

    جداول مرتبط:

    • MCS_TreatmentTeams - اطلاعات تیم‌های درمانی

    • MCS_TreatmentTeamMembers - اعضای تیم‌ها

    فرآیندهای بیزنس:

    1. ایجاد تیم درمان

    2. افزودن اعضای تیم

    3. تعیین نقش‌ها و مسئولیت‌ها

    4. هماهنگی فعالیت‌های تیم

    SPهای پیشنهادی:

    sql

    -- ایجاد تیم درمان
    sp_MCS_CreateTreatmentTeam
    -- افزودن اعضای تیم
    sp_MCS_AddTeamMembers
    -- مدیریت نقش‌های تیم
    sp_MCS_ManageTeamRoles

    📅 لایه 4: مدیریت نوبت‌دهی

    4.1 درخواست و رزرو نوبت

    هدف: مدیریت کامل فرآیند رزرو نوبت از درخواست تا تأیید

    جداول مرتبط:

    • MCS_Appointments - اطلاعات نوبت‌ها

    • MCS_DoctorSchedules - برنامه پزشکان

    فرآیندهای بیزنس:

    1. جستجوی زمان‌های خالی

      • فیلتر بر اساس پزشک، تاریخ، تخصص

      • نمایش زمان‌های available

      • بررسی تداخل برنامه‌ها

    2. رزرو نوبت جدید

      • انتخاب بیمار و پزشک

      • تعیین نوع نوبت (معاینه، پیگیری، etc.)

      • تنظیم اولویت (عادی، فوری، اورژانسی)

      • ثبت دلیل مراجعه

    3. تأیید نوبت

      • تأیید توسط پزشک

      • ارسال نوتیفیکیشن تأیید

      • مدیریت نوبت‌های waiting list

    SPهای پیشنهادی:

    sql

    -- Workflow کامل نوبت‌دهی
    sp_MCS_AppointmentWorkflow
    -- دریافت زمان‌های خالی
    sp_MCS_GetAvailableSlots
    -- رزرو نوبت
    sp_MCS_BookAppointment
    -- تأیید نوبت
    sp_MCS_ConfirmAppointment

    4.2 مدیریت وضعیت نوبت‌ها

    هدف: پیگیری وضعیت نوبت‌ها از ثبت تا تکمیل

    فرآیندهای بیزنس:

    1. ثبت حضور بیمار

      • check-in بیمار

      • ثبت علائم حیاتی اولیه

      • به‌روزرسانی وضعیت نوبت

    2. مدیریت ویزیت

      • شروع جلسه ویزیت

      • ثبت زمان شروع و پایان

      • مدیریت تأخیرها

    3. تکمیل نوبت

      • ثبت نتایج ویزیت

      • برنامه‌ریزی پیگیری

      • به‌روزرسانی وضعیت نوبت

    4. لغو نوبت

      • ثبت دلیل لغو

      • اطلاع‌رسانی به بیمار

      • آزاد کردن زمان برای نوبت‌های دیگر

    SPهای پیشنهادی:

    sql

    -- ثبت حضور بیمار
    sp_MCS_PatientCheckin
    -- شروع ویزیت
    sp_MCS_StartConsultation
    -- تکمیل نوبت
    sp_MCS_CompleteAppointment
    -- لغو نوبت
    sp_MCS_CancelAppointmentWorkflow

    🏥 لایه 5: مدیریت پرونده الکترونیک سلامت

    5.1 ثبت اطلاعات پزشکی

    هدف: ایجاد و مدیریت پرونده الکترونیک کامل بیمار

    جداول مرتبط:

    • MCS_ElectronicHealthRecords - پرونده‌های الکترونیک

    • MCS_MedicalHistories - سوابق پزشکی

    • MCS_Allergies - آلرژی‌ها

    • MCS_CurrentMedications - داروهای جاری

    فرآیندهای بیزنس:

    1. ثبت سوابق پزشکی

      • سوابق بیماری‌های قبلی

      • جراحی‌ها و اقدامات invasive

      • بیماری‌های مزمن

    2. مدیریت آلرژی‌ها

      • ثبت انواع آلرژی

      • شدت و واکنش‌ها

      • تاریخ شروع

    3. ثبت داروهای جاری

      • نام دارو و دوز

      • فرکانس مصرف

      • تاریخ شروع

      • پزشک تجویزکننده

    SPهای پیشنهادی:

    sql

    -- ثبت کامل پرونده پزشکی
    sp_MCS_CreateCompleteMedicalRecord
    -- افزودن سوابق پزشکی
    sp_MCS_AddMedicalHistories
    -- ثبت آلرژی‌ها
    sp_MCS_AddAllergies
    -- ثبت داروهای جاری
    sp_MCS_AddCurrentMedications

    5.2 معاینه و تشخیص

    هدف: ثبت معاینات فیزیکی و تشخیص‌های پزشکی

    جداول مرتبط:

    • MCS_VitalSigns - علائم حیاتی

    • MCS_PhysicalExams - معاینات فیزیکی

    فرآیندهای بیزنس:

    1. ثبت علائم حیاتی

      • فشار خون، دمای بدن، نبض

      • قد، وزن، BMI

      • سطح اکسیژن خون

    2. معاینه فیزیکی

      • معاینه عمومی

      • معاینه سیستم‌های مختلف بدن

      • ثبت یافته‌ها

    3. ثبت تشخیص

      • کدهای تشخیصی

      • شرح تشخیص

      • درجه اطمینان تشخیص

    SPهای پیشنهادی:

    sql

    -- ثبت علائم حیاتی
    sp_MCS_RecordVitalSigns
    -- معاینه فیزیکی کامل
    sp_MCS_RecordCompletePhysicalExam
    -- ثبت تشخیص
    sp_MCS_RecordDiagnosis

    💊 لایه 6: مدیریت درمان و پیگیری

    6.1 جلسات درمانی

    هدف: مدیریت کامل فرآیند درمان از شروع تا پایان

    جداول مرتبط:

    • MCS_TreatmentSessions - جلسات درمانی

    • MCS_TreatmentProcedures - اقدامات درمانی

    فرآیندهای بیزنس:

    1. شروع جلسه درمان

      • ثبت شکایت اصلی

      • تعیین نوع جلسه (اولیه، پیگیری)

      • ثبت زمان شروع

    2. ثبت اقدامات درمانی

      • اقدامات تشخیصی

      • اقدامات درمانی

      • اقدامات پیشگیرانه

    3. تکمیل جلسه

      • ثبت ارزیابی نهایی

      • برنامه درمانی

      • توصیه‌ها

      • زمان جلسه بعدی

    SPهای پیشنهادی:

    sql

    -- شروع جلسه درمان
    sp_MCS_StartTreatmentSession
    -- انجام اقدام پزشکی
    sp_MCS_PerformMedicalProcedure
    -- تکمیل جلسه درمان
    sp_MCS_CompleteTreatmentSession
    -- Workflow مدیریت درمان
    sp_MCS_TreatmentWorkflow

    6.2 نسخه‌نویسی و دارو

    هدف: مدیریت تجویز و تحویل داروها

    جداول مرتبط:

    • MCS_Prescriptions - نسخه‌های پزشکی

    • MCS_PrescriptionItems - آیتم‌های نسخه

    • MCS_Medications - اطلاعات داروها

    فرآیندهای بیزنس:

    1. ثبت نسخه پزشکی

      • انتخاب داروها

      • تعیین دوز و فرکانس

      • مدت زمان مصرف

      • دستورات خاص

    2. تحویل دارو

      • کسر از موجودی

      • ثبت تاریخ تحویل

      • تأیید تحویل

    3. مدیریت موجودی دارو

      • هشدار کمبود دارو

      • سفارش خودکار

    SPهای پیشنهادی:

    sql

    -- ثبت نسخه پزشکی
    sp_MCS_CreatePrescription
    -- تحویل دارو
    sp_MCS_DispensePrescription
    -- به‌روزرسانی موجودی از نسخه
    sp_MCS_UpdateInventoryFromPrescription

    🔬 لایه 7: مدیریت آزمایشگاه و تصویربرداری

    7.1 درخواست آزمایش

    هدف: مدیریت درخواست‌های آزمایش و تصویربرداری

    جداول مرتبط:

    • MCS_LabRequests - درخواست‌های آزمایش

    • MCS_LabRequestItems - آیتم‌های درخواست

    • MCS_LabTests - انواع آزمایش‌ها

    فرآیندهای بیزنس:

    1. ثبت درخواست آزمایش

      • انتخاب تست‌های مورد نیاز

      • تعیین اولویت

      • ثبت تاریخ نمونه‌گیری

      • ثبت توضیحات بالینی

    2. مدیریت نمونه‌ها

      • ثبت نوع نمونه

      • زمان جمع‌آوری

      • شرایط نگهداری

    SPهای پیشنهادی:

    sql

    -- درخواست آزمایش کامل
    sp_MCS_RequestCompleteLabTests
    -- افزودن آیتم‌های آزمایش
    sp_MCS_AddLabRequestItems

    7.2 ثبت نتایج

    هدف: مدیریت نتایج آزمایش‌ها و تصویربرداری‌ها

    جداول مرتبط:

    • MCS_LabResults - نتایج آزمایش‌ها

    • MCS_MedicalImages - تصاویر پزشکی

    فرآیندهای بیزنس:

    1. ثبت نتایج آزمایش

      • مقادیر عددی

      • واحد اندازه‌گیری

      • محدوده نرمال

      • پرچم‌های هشدار

    2. تأیید نتایج

      • تأیید توسط پزشک

      • ثبت تفسیر نتایج

      • تعیین اهمیت بالینی

    3. اطلاع‌رسانی نتایج

      • ارسال به پزشک درخواست‌دهنده

      • اطلاع‌رسانی به بیمار

      • ثبت در پرونده الکترونیک

    SPهای پیشنهادی:

    sql

    -- ثبت نتایج آزمایش
    sp_MCS_RecordLabResults
    -- تأیید نتایج
    sp_MCS_VerifyLabResults
    -- اطلاع‌رسانی به بیمار
    sp_MCS_NotifyPatientOfResults

    💰 لایه 8: مدیریت مالی و بیمه

    8.1 صورتحساب‌دهی

    هدف: مدیریت کامل فرآیند مالی از ایجاد صورتحساب تا دریافت پرداخت

    جداول مرتبط:

    • MCS_Invoices - صورتحساب‌ها

    • MCS_InvoiceItems - آیتم‌های صورتحساب

    • MCS_MedicalServices - خدمات پزشکی

    فرآیندهای بیزنس:

    1. ایجاد صورتحساب

      • محاسبه خودکار بر اساس خدمات

      • اعمال تخفیف‌ها

      • محاسبات بیمه

      • محاسبه مالیات

    2. مدیریت تعرفه‌ها

      • تعریف خدمات جدید

      • تنظیم تعرفه‌ها

      • مدیریت تاریخ اعتبار

    SPهای پیشنهادی:

    sql

    -- ایجاد صورتحساب با اعتبارسنجی
    sp_MCS_CreateInvoiceWithValidation
    -- محاسبه پوشش بیمه
    sp_MCS_CalculateInsuranceCoverage
    -- افزودن آیتم‌های صورتحساب
    sp_MCS_AddInvoiceItems

    8.2 مدیریت پرداخت‌ها

    هدف: مدیریت دریافت پرداخت‌ها و پیگیری مطالبات

    جداول مرتبط:

    • MCS_Payments - پرداخت‌ها

    • MCS_Invoices - صورتحساب‌ها

    فرآیندهای بیزنس:

    1. ثبت پرداخت

      • ثبت مبلغ پرداختی

      • روش پرداخت (نقد، کارت، etc.)

      • شماره تراکنش

      • تاریخ پرداخت

    2. مدیریت وضعیت پرداخت

      • پرداخت کامل

      • پرداخت جزئی

      • پرداخت معوق

      • عودت پرداخت

    3. پیگیری مطالبات

      • گزارش بدهی بیماران

      • ارسال یادآوری

      • مدیریت پرداخت‌های قسطی

    SPهای پیشنهادی:

    sql

    -- ثبت پرداخت
    sp_MCS_ProcessPayment
    -- Workflow پرداخت
    sp_MCS_ProcessPaymentWorkflow
    -- مدیریت وضعیت پرداخت
    sp_MCS_ManagePaymentStatus

    8.3 مدیریت claimهای بیمه

    هدف: مدیریت ارسال و پیگیری claimهای بیمه

    جداول مرتبط:

    • MCS_InsuranceClaims - claimهای بیمه

    • MCS_Insurances - شرکت‌های بیمه

    • MCS_SupplementaryInsurances - بیمه‌های تکمیلی

    فرآیندهای بیزنس:

    1. ارسال claim به بیمه

    2. پیگیری وضعیت claim

    3. ثبت پاسخ بیمه

    4. مدیریت claimهای reject شده

    SPهای پیشنهادی:

    sql

    -- ارسال claim بیمه
    sp_MCS_SubmitInsuranceClaim
    -- پیگیری وضعیت claim
    sp_MCS_TrackClaimStatus
    -- ثبت پاسخ بیمه
    sp_MCS_RecordClaimResponse

    📦 لایه 9: مدیریت موجودی و تجهیزات

    9.1 مدیریت موجودی

    هدف: مدیریت موجودی کالاهای پزشکی و داروها

    جداول مرتبط:

    • MCS_Inventory - موجودی کالاها

    • MCS_InventoryTransactions - تراکنش‌های موجودی

    فرآیندهای بیزنس:

    1. ثبت تراکنش‌های موجودی

      • خرید

      • مصرف

      • تنظیم دستی

      • عودت

    2. سفارش خودکار

      • محاسبه بر اساس مصرف

      • هشدار کمبود

      • مدیریت lead time

    3. مدیریت انقضا

      • هشدار انقضای نزدیک

      • مدیریت FIFO

    SPهای پیشنهادی:

    sql

    -- ثبت تراکنش موجودی
    sp_MCS_ProcessInventoryTransaction
    -- سفارش خودکار
    sp_MCS_AutoReorderInventory
    -- مدیریت تاریخ انقضا
    sp_MCS_ManageInventoryExpiry

    9.2 مدیریت تجهیزات

    هدف: مدیریت تجهیزات پزشکی و تعمیر و نگهداری

    جداول مرتبط:

    • MCS_MedicalEquipment - تجهیزات پزشکی

    • MCS_EquipmentMaintenance - تعمیر و نگهداری

    فرآیندهای بیزنس:

    1. ثبت اطلاعات تجهیزات

    2. برنامه‌ریزی تعمیر و نگهداری

    3. انتقال بین اتاق‌ها

    4. مدیریت گارانتی و خدمات

    SPهای پیشنهادی:

    sql

    -- ثبت تجهیزات پزشکی
    sp_MCS_RegisterMedicalEquipment
    -- برنامه‌ریزی تعمیر
    sp_MCS_ScheduleEquipmentMaintenance
    -- انتقال تجهیزات
    sp_MCS_TransferEquipment

    🏢 لایه 10: مدیریت کلینیک و منابع

    10.1 مدیریت بخش‌ها و اتاق‌ها

    هدف: مدیریت فیزیکی کلینیک و منابع

    جداول مرتبط:

    • MCS_Clinics - اطلاعات کلینیک‌ها

    • MCS_ClinicDepartments - بخش‌های کلینیک

    • MCS_TreatmentRooms - اتاق‌های درمان

    فرآیندهای بیزنس:

    1. تعریف بخش‌های کلینیک

    2. مدیریت اتاق‌های درمان

    3. تعیین مسئولین بخش

    4. مدیریت تجهیزات اتاق‌ها

    SPهای پیشنهادی:

    sql

    -- ایجاد کلینیک جدید
    sp_MCS_Clinics_Create
    -- مدیریت بخش‌ها
    sp_MCS_ManageClinicDepartments
    -- مدیریت اتاق‌ها
    sp_MCS_ManageTreatmentRooms
    -- انتصاب رئیس بخش
    sp_MCS_AssignDepartmentHead

    10.2 مدیریت برنامه زمانبندی

    هدف: بهینه‌سازی استفاده از منابع

    فرآیندهای بیزنس:

    1. تنظیم برنامه کاری پزشکان

    2. مدیریت مرخصی‌ها

    3. برنامه‌ریزی منابع

    4. بهینه‌سازی تخصیص

    SPهای پیشنهادی:

    sql

    -- مدیریت برنامه پزشکان
    sp_MCS_ManageDoctorSchedules
    -- مدیریت مرخصی‌ها
    sp_MCS_ManageDoctorTimeOff
    -- بهینه‌سازی تخصیص منابع
    sp_MCS_OptimizeResourceAllocation

    📊 لایه 11: سیستم گزارش‌گیری و تحلیل

    11.1 گزارش‌های عملیاتی

    هدف: گزارش‌های روزانه و عملیاتی

    فرآیندهای بیزنس:

    1. گزارش عملکرد روزانه

    2. تحلیل مالی

    3. گزارش رضایت بیماران

    4. گزارش استفاده از منابع

    SPهای پیشنهادی:

    sql

    -- گزارش عملکرد روزانه
    sp_MCS_GetDailyPerformanceReport
    -- گزارش مالی پیشرفته
    sp_MCS_GetAdvancedFinancialReport
    -- تحلیل رضایت بیماران
    sp_MCS_AnalyzePatientSatisfaction

    11.2 تحلیل‌های مدیریتی

    هدف: تحلیل‌های استراتژیک و پیش‌بینی

    فرآیندهای بیزنس:

    1. تحلیل عملکرد پزشکان

    2. بررسی بهره‌وری منابع

    3. پیش‌بینی تقاضا

    4. تحلیل سودآوری

    SPهای پیشنهادی:

    sql

    -- تحلیل عملکرد پزشکان
    sp_MCS_AnalyzeDoctorPerformance
    -- تحلیل بهره‌وری منابع
    sp_MCS_AnalyzeResourceUtilization
    -- پیش‌بینی تقاضا
    sp_MCS_ForecastDemand

    🔒 لایه 12: سیستم امنیت و لاگ‌گیری

    12.1 مدیریت دسترسی‌ها

    هدف: امنیت سیستم و کنترل دسترسی

    فرآیندهای بیزنس:

    1. تعریف نقش‌ها

    2. مدیریت مجوزها

    3. audit دسترسی‌ها

    4. مدیریت sessionها

    SPهای پیشنهادی:

    sql

    -- مدیریت نقش کاربران
    sp_SYS_ManageUserRoles
    -- audit دسترسی‌ها
    sp_SYS_AuditUserAccess
    -- بررسی مجوزها
    sp_SYS_CheckPermissions

    12.2 لاگ‌گیری و مانیتورینگ

    هدف: ثبت و مانیتورینگ فعالیت‌های سیستم

    فرآیندهای بیزنس:

    1. ثبت فعالیت‌های کاربران

    2. مانیتورینگ امنیتی

    3. گزارش‌گیری از لاگ‌ها

    4. هشدارهای امنیتی

    SPهای پیشنهادی:

    sql

    -- ثبت فعالیت
    sp_SYS_LogActivity
    -- ثبت فعالیت Workflow
    sp_SYS_LogWorkflowActivity
    -- گزارش تحلیل امنیتی
    sp_SYS_SecurityAnalysisReport

    🔄 لایه 13: سیستم یکپارچه‌سازی و هماهنگی

    13.1 هماهنگی تیم درمان

    هدف: هماهنگی بین اعضای تیم درمان

    فرآیندهای بیزنس:

    1. هماهنگی مراقبت از بیمار

    2. مدیریت ارتباطات تیم

    3. برنامه‌ریزی جلسات تیمی

    4. مدیریت caseهای پیچیده

    SPهای پیشنهادی:

    sql

    -- هماهنگی مراقبت بیمار
    sp_MCS_CoordinatePatientCare
    -- مدیریت ارتباطات تیم
    sp_MCS_ManageTeamCommunications
    -- برنامه‌ریزی جلسات تیمی
    sp_MCS_ScheduleTeamMeetings

    13.2 مدیریت پیگیری‌ها

    هدف: مدیریت پیگیری بیماران و follow-up

    فرآیندهای بیزنس:

    1. ایجاد نوبت پیگیری

    2. ارسال یادآوری

    3. مدیریت follow-up

    4. پیگیری compliance بیمار

    SPهای پیشنهادی:

    sql

    -- ایجاد نوبت پیگیری
    sp_MCS_CreateFollowUpAppointment
    -- ارسال یادآوری نوبت
    sp_MCS_SendAppointmentReminders
    -- مدیریت پیگیری بیماران
    sp_MCS_ManagePatientFollowUps

    📱 لایه 14: سیستم نوتیفیکیشن و اطلاع‌رسانی

    14.1 اطلاع‌رسانی به بیماران

    هدف: ارتباط با بیماران و اطلاع‌رسانی

    فرآیندهای بیزنس:

    1. ارسال یادآوری نوبت

    2. اطلاع‌رسانی نتایج آزمایش

    3. ارسال پیام‌های عمومی

    4. مدیریت قالب‌های پیام

    SPهای پیشنهادی:

    sql

    -- ارسال نوتیفیکیشن
    sp_SYS_SendNotification
    -- ارسال گروهی
    sp_MCS_SendBulkNotifications
    -- مدیریت قالب‌ها
    sp_MCS_ManageNotificationTemplates

    14.2 اطلاع‌رسانی داخلی

    هدف: ارتباط داخلی بین پرسنل

    فرآیندهای بیزنس:

    1. اطلاع‌رسانی به پزشکان

    2. هشدارهای سیستم

    3. گزارش‌های خودکار

    4. پیام‌های فوری

    SPهای پیشنهادی:

    sql

    -- اطلاع‌رسانی به پزشکان
    sp_MCS_NotifyDoctors
    -- ارسال هشدارهای سیستم
    sp_MCS_SendSystemAlerts
    -- تولید گزارش‌های خودکار
    sp_MCS_GenerateAutoReports

    🎯 گردش کار اصلی سیستم

    text

    بیمار ← ثبت اطلاعات ← رزرو نوبت ← ویزیت ← ثبت پرونده ← 
    درمان ← نسخه/آزمایش ← صورتحساب ← پرداخت ← پیگیری

     

    سیستم گزارش‌گیری و تحلیل‌های اداری و مدیریتی

    📊 لایه 15: سیستم گزارش‌گیری جامع

    15.1 گزارش‌های عملکرد عملیاتی

    الف) گزارش‌های روزانه کلینیک

    هدف: مانیتورینگ لحظه‌ای عملکرد کلینیک

    فرآیندهای بیزنس:

    1. داشبورد مدیریت روزانه

      • تعداد نوبت‌های روز

      • پزشکان حاضر و غایب

      • اتاق‌های فعال

      • وضعیت مالی روز

    2. گزارش حضور و غیاب

      • تاخیرهای پزشکان

      • غیبت‌های غیرمجاز

      • ساعت‌های کاری واقعی

    3. گزارش اورژانس

      • موارد اورژانسی

      • زمان پاسخ‌دهی

      • استفاده از منابع بحرانی

    SPهای پیشنهادی:

    sql

    -- داشبورد مدیریت روزانه
    sp_RPT_DailyManagementDashboard
    -- گزارش حضور و غیاب پرسنل
    sp_RPT_StaffAttendanceReport
    -- گزارش عملکرد اورژانس
    sp_RPT_EmergencyPerformanceReport

    ب) گزارش‌های عملکرد پزشکان

    هدف: ارزیابی عملکرد فردی و گروهی پزشکان

    فرآیندهای بیزنس:

    1. کارایی پزشکان

      • تعداد نوبت‌های انجام شده

      • میانگین زمان ویزیت

      • نرخ لغو نوبت‌ها

      • درآمدزایی

    2. رضایت بیماران

      • امتیازات رضایت

      • نظرات بیماران

      • نرخ توصیه به دیگران

    3. تخصص‌های پرطرفدار

      • محبوبیت تخصص‌ها

      • زمان انتظار برای نوبت

      • نرخ بازگشت بیماران

    SPهای پیشنهادی:

    sql

    -- کارایی و بهره‌وری پزشکان
    sp_RPT_DoctorEfficiencyReport
    -- تحلیل رضایت بیماران از پزشکان
    sp_RPT_DoctorSatisfactionAnalysis
    -- گزارش تخصص‌های پرطرفدار
    sp_RPT_PopularSpecializationsReport

    15.2 گزارش‌های مالی و اقتصادی

    الف) گزارش‌های درآمدی

    هدف: تحلیل درآمدها و جریان نقدی

    فرآیندهای بیزنس:

    1. گردش مالی روزانه/هفتگی/ماهانه

      • درآمد حاصل از ویزیت

      • درآمد از خدمات پاراکلینیکی

      • درآمد از فروش دارو

      • تخفیف‌های اعطایی

    2. تحلیل بیمه‌ها

      • سهم هر بیمه از درآمد

      • نرخ تأیید claimها

      • زمان وصول از بیمه‌ها

      • بیمه‌های پرتعامل

    3. مدیریت مطالبات

      • سن بدهی بیماران

      • بیماران پر بدهی

      • نرخ وصول مطالبات

      • پیش‌بینی دریافتی‌ها

    SPهای پیشنهادی:

    sql

    -- گزارش گردش مالی دوره‌ای
    sp_RPT_FinancialTurnoverReport
    -- تحلیل عملکرد بیمه‌ها
    sp_RPT_InsurancePerformanceAnalysis
    -- گزارش مدیریت مطالبات
    sp_RPT_ReceivablesManagementReport

    ب) گزارش‌های هزینه‌ای

    هدف: کنترل هزینه‌ها و بهینه‌سازی

    فرآیندهای بیزنس:

    1. هزینه‌های پرسنلی

      • حقوق و مزایا

      • پاداش‌ها و incentives

      • هزینه‌های آموزش

    2. هزینه‌های عملیاتی

      • تجهیزات و نگهداری

      • ملزومات مصرفی

      • هزینه‌های اداری

    3. تحلیل سودآوری

      • سود ناخالص خدمات

      • حاشیه سود

      • نقطه سربه‌سر

    SPهای پیشنهادی:

    sql

    -- تحلیل هزینه‌های پرسنلی
    sp_RPT_PersonnelCostAnalysis
    -- گزارش هزینه‌های عملیاتی
    sp_RPT_OperationalCostsReport
    -- تحلیل سودآوری خدمات
    sp_RPT_ServiceProfitabilityAnalysis

    📈 لایه 16: تحلیل‌های دوره‌ای و استراتژیک

    16.1 تحلیل‌های هفتگی

    هدف: بررسی عملکرد کوتاه‌مدت و تنظیم استراتژی

    فرآیندهای بیزنس:

    1. تحلیل ترند هفتگی

      • الگوی مراجعات

      • بیماری‌های شایع

      • تاثیر آب و هوا

      • روزهای پیک مراجعه

    2. برنامه‌ریزی منابع

      • پیش‌بینی مراجعات

      • تنظیم شیفت‌ها

      • مدیریت موجودی

    3. کارایی عملیاتی

      • نرخ استفاده از منابع

      • زمان‌های انتظار

      • رضایت لحظه‌ای

    SPهای پیشنهادی:

    sql

    -- تحلیل ترندهای هفتگی
    sp_ANL_WeeklyTrendAnalysis
    -- پیش‌بینی مراجعات هفتگی
    sp_ANL_WeeklyVisitForecast
    -- گزارش کارایی عملیاتی هفتگی
    sp_ANL_WeeklyOperationalEfficiency

    16.2 تحلیل‌های ماهانه

    هدف: ارزیابی عملکرد میان‌مدت و تصمیم‌گیری مدیریتی

    فرآیندهای بیزنس:

    1. عملکرد مالی ماهانه

      • مقایسه با بودجه

      • رشد درآمد

      • کنترل هزینه‌ها

      • جریان نقدی

    2. شاخص‌های کلیدی عملکرد (KPI)

      • نرخ اشغال تخت (اگر applicable)

      • میانگین درآمد per patient

      • نرخ بازگشت بیماران

      • هزینه جذب بیمار جدید

    3. تحلیل بازار و رقابت

      • سهم بازار

      • روندهای صنعت

      • مقایسه با استانداردها

    SPهای پیشنهادی:

    sql

    -- گزارش عملکرد مالی ماهانه
    sp_ANL_MonthlyFinancialPerformance
    -- شاخص‌های کلیدی عملکرد ماهانه
    sp_ANL_MonthlyKPIs
    -- تحلیل رقابتی و بازار
    sp_ANL_MarketCompetitiveAnalysis

    16.3 تحلیل‌های فصلی و سالانه

    هدف: برنامه‌ریزی استراتژیک و ارزیابی بلندمدت

    فرآیندهای بیزنس:

    1. برنامه‌ریزی استراتژیک

      • اهداف سالانه

      • برنامه توسعه

      • سرمایه‌گذاری‌ها

      • گسترش خدمات

    2. تحلیل روندهای بلندمدت

      • رشد بیماران

      • توسعه تخصص‌ها

      • تغییرات جمعیت شناختی

      • تاثیر فناوری

    3. ارزیابی سرمایه انسانی

      • عملکرد پرسنل

      • نیازهای آموزشی

      • برنامه جانشین‌پروری

      • نگهداشت استعدادها

    SPهای پیشنهادی:

    sql

    -- گزارش عملکرد سالانه
    sp_ANL_AnnualPerformanceReport
    -- تحلیل روندهای بلندمدت
    sp_ANL_LongTermTrendAnalysis
    -- برنامه‌ریزی استراتژیک
    sp_ANL_StrategicPlanningReport

    🔍 لایه 17: سیستم audit و کنترل کیفیت

    17.1 Audit بالینی

    هدف: تضمین کیفیت خدمات پزشکی

    فرآیندهای بیزنس:

    1. Audit پرونده‌های پزشکی

      • کامل بودن documentation

      • رعایت پروتکل‌ها

      • ثبت دقیق تشخیص‌ها

      • پیگیری مناسب

    2. کنترل عفونت

      • نرخ عفونت‌های بیمارستانی

      • رعایت اصول استریلیزاسیون

      • مصرف آنتی‌بیوتیک‌ها

    3. مدیریت ریسک

      • گزارش incidents

      • تحلیل خطاها

      • اقدامات اصلاحی

    SPهای پیشنهادی:

    sql

    -- Audit پرونده‌های پزشکی
    sp_AUD_ClinicalRecordsAudit
    -- گزارش کنترل عفونت
    sp_AUD_InfectionControlReport
    -- مدیریت ریسک و incidents
    sp_AUD_RiskManagementReport

    17.2 Audit مالی و اداری

    هدف: شفافیت مالی و رعایت مقررات

    فرآیندهای بیزنس:

    1. Audit صورتحساب‌ها

      • دقت محاسبات

      • تطبیق با خدمات ارائه شده

      • رعایت تعرفه‌ها

    2. کنترل موجودی

      • تطابق فیزیکی و سیستمی

      • مدیریت انقضا

      • جلوگیری از ضایعات

    3. رعایت مقررات

      • compliance با قوانین

      • حریم خصوصی بیماران

      • امنیت اطلاعات

    SPهای پیشنهادی:

    sql

    -- Audit صورتحساب‌ها و مالی
    sp_AUD_FinancialAuditReport
    -- کنترل موجودی و دارایی‌ها
    sp_AUD_InventoryAssetsAudit
    -- گزارش رعایت مقررات
    sp_AUD_ComplianceReport

    📋 لایه 18: سیستم مدیریت پروژه و بهبود فرآیندها

    18.1 مدیریت پروژه‌های بهبود

    هدف: اجرای پروژه‌های توسعه و بهبود مستمر

    فرآیندهای بیزنس:

    1. پیگیری پروژه‌ها

      • وضعیت اجرا

      • پیشرفت فیزیکی

      • مصرف بودجه

      • موانع و چالش‌ها

    2. تحلیل ROI پروژه‌ها

      • بازگشت سرمایه

      • تاثیر بر کیفیت خدمات

      • رضایت بیماران

      • کارایی عملیاتی

    SPهای پیشنهادی:

    sql

    -- پیگیری پروژه‌های بهبود
    sp_MGT_ProjectTrackingReport
    -- تحلیل بازگشت سرمایه پروژه‌ها
    sp_MGT_ProjectROIAnalysis

    18.2 مدیریت تغییر و تحول

    هدف: پیاده‌سازی تغییرات و اندازه گیری تاثیر

    فرآیندهای بیزنس:

    1. اندازه‌گیری تاثیر تغییرات

      • قبل و بعد از تغییر

      • شاخص‌های موفقیت

      • بازخورد ذینفعان

    2. مدیریت مقاومت در برابر تغییر

      • شناسایی مقاومت‌ها

      • برنامه ارتباطات

      • آموزش و توانمندسازی

    SPهای پیشنهادی:

    sql

    -- اندازه‌گیری تاثیر تغییرات
    sp_MGT_ChangeImpactMeasurement
    -- گزارش مدیریت تغییر
    sp_MGT_ChangeManagementReport

    🎯 خلاصه سیستم گزارش‌گیری و تحلیل

    دسته‌بندی نهایی گزارش‌ها:

    1. گزارش‌های عملیاتی (Real-time)

    • داشبورد مدیریت روزانه

    • گزارش حضور و غیاب

    • عملکرد اورژانس

    2. گزارش‌های عملکردی (دوره‌ای)

    • کارایی پزشکان و پرسنل

    • رضایت بیماران

    • استفاده از منابع

    3. گزارش‌های مالی (دوره‌ای)

    • گردش مالی و درآمد

    • هزینه‌ها و سودآوری

    • مدیریت مطالبات

    4. تحلیل‌های استراتژیک (بلندمدت)

    • روندهای بازار

    • برنامه‌ریزی توسعه

    • ارزیابی سرمایه انسانی

    5. گزارش‌های Audit و کنترل کیفیت

    • Audit بالینی

    • کنترل مالی

    • رعایت مقررات

    6. گزارش‌های مدیریت پروژه

    • پیگیری اجرا

    • تحلیل بازگشت سرمایه

    فرکانس اجرای گزارش‌ها:

    • روزانه: 8 گزارش

    • هفتگی: 6 گزارش

    • ماهانه: 9 گزارش

    • فصلی: 5 گزارش

    • سالانه: 7 گزارش

    • On-demand: 12 گزارش

    مجموع: 47 گزارش و تحلیل تخصصی

    این سیستم گزارش‌گیری کامل، امکان مدیریت هوشمند و تصمیم‌گیری داده‌محور را در تمام سطوح مدیریتی فراهم می‌کند.

    نمايش: ۱۴
  • کاربردهای Android Studio در React Native

    کاربردهای Android Studio در React Native

    ۱. مدیریت شبیه‌سازها (Emulators)

    • ایجاد و مدیریت دستگاههای مجازی اندروید

    • تنظیم مشخصات سخت‌افزاری شبیه‌ساز

    • انتخاب نسخه‌های مختلف اندروید

    ۲. Android SDK و Tools

  • single sign-on (SSO) between ASP.NET Core app and ASP.NET Web Forms app

    single sign-on (SSO) between your ASP.NET Core app and your legacy ASP.NET Web Forms app using a shared authentication token

    Yes, you can achieve single sign-on (SSO) between your ASP.NET Core app and your legacy ASP.NET Web Forms app using a shared authentication token, typically a JWT (JSON Web Token). Here's a high-level approach to make this work:

  • تاریخچه جامع شهرستان ملارد

    🏞️ پیشینه تاریخی و باستانی شهر ملارد

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

    تمدن‌های اولیه

    در جنوب روستای مهرچین، تپه باستانی «بالکین» قرار دارد که وسعتی بیش از ۱۰ هکتار دارد. سفال‌های کشف‌شده از این تپه نشان‌دهنده استقرار فرهنگ عصر آهن ۱، ۲ و ۳ هستند و قدمت آن به بیش از ۵ هزار سال پیش بازمی‌گردد. این منطقه در دوران اشکانیان و ساسانیان نیز محل تمدن بوده و آثار تاریخی مانند آتشکده «تخت رستم» و تپه باستانی «ارسطو» گواهی بر حضور تمدن‌های پیش از اسلام در این ناحیه‌اند.

  • فهرست کامل مدالهای ورزشکاران کشور ترکیه از المپیک ۱۹۲۴ تا المپیک ۲۰۲۴ به تفکیک رشته و جنسیت

    جدول کامل مدال‌های کسب شده توسط ورزشکاران کشور ترکیه از المپیک تابستانی سال ۱۹۲۴ تا المپیک ۲۰۲۴ به تفکیک رشته و جنسیت

    حتماً! در ادامه، جدول جامع مدال‌های ورزشکاران ترکیه در بازی‌های المپیک تابستانی از سال ۱۹۲۴ تا ۲۰۲۴ را ارائه می‌دهم. این جدول شامل اطلاعاتی از جمله سال، شهر میزبان، نام ورزشکار، جنسیت، رشته ورزشی، نوع مدال و ماده مسابقه است.

  • مدال‌های طلای هند در ادوار المپیک تابستانی

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

    هند تاکنون موفق به کسب ۹ مدال طلای المپیک تابستانی شده است، که بیشتر آن‌ها در رشته هاکی روی چمن بوده‌اند. در ادامه، لیست کامل مدال‌های طلای هند در ادوار مختلف المپیک را می‌بینی:

  • چک‌لیست تصمیم‌گیری: Blazor یا React؟

    حتماً! در ادامه یک چک‌لیست تصمیم‌گیری کاربردی برای انتخاب بین Blazor و React در پیاده‌سازی فرانت‌اند نرم‌افزار سازمانی منابع انسانی (HRMS) با بیش از 40 ماژول و 1000 فرم آورده‌ام. این چک‌لیست به شما کمک می‌کند بر اساس نیازهای فنی، تیم توسعه، و اهداف پروژه، تصمیمی آگاهانه بگیرید:

     

    ✅ چک‌لیست تصمیم‌گیری: Blazor یا React؟

    1. 👨‍💻 تخصص تیم توسعه

    • آیا تیم شما در C# و .NET تجربه دارد؟ → ✅ Blazor

    • آیا تیم شما در JavaScript/TypeScript و React تجربه دارد؟ → ✅ React

  • sample of rtk query

     

    rtk query

    Gotcha — you want the conveniences of RTK Query (auto-caching, hooks, centralised state) but without actually hitting a server. That’s totally doable by creating a mock API using fakeBaseQuery so all data stays local.

    Here’s a minimal example:

     

    1️⃣ Install dependencies

     
    npm install @reduxjs/toolkit react-redux
    
  • how to use custume useEffect in react .js

    i want to write myUseEffect and use it instead of useEffect?

    Great idea! You can create your own custom hook myUseEffect to replace useEffect. This is useful if you want to add extra functionality, such as logging, dependency tracking, or conditional execution.

     

    ✅ Step 1: Define myUseEffect Hook

    Wrap useEffect inside a custom hook with added logic:

    js

    import { useEffect } from "react";
    
    const myUseEffect = (callback, dependencies) => {
      useEffect(() => {
        console.log("Custom useEffect triggered!"); // ✅ Optional logging
        return callback();
      }, dependencies);
    };
    
    export default myUseEffect;
    
     

    ✅ Step 2: Use myUseEffect in Your Component

    Replace standard useEffect with your custom hook:

    js

    import myUseEffect from "./myUseEffect";
    
    const MyComponent = () => {
      myUseEffect(() => {
        console.log("Effect has run!");
      }, []);
    
      return <h2>Custom useEffect in Action!</h2>;
    };
    
     

    🚀 Why Use This Custom Hook?

    ✅ Adds logging to track when useEffect runs ✅ Allows extra logic before executing the effect ✅ Reusable across multiple components

    Would you like help adding specific optimizations or conditions to myUseEffect?

    نمايش: ۸۴
  • how to use custume useDispatch in react .js

    and i want to write myUseDispatch AND USE IT INSTEAD OF useDispatch?

    Great idea! You can create a custom hook myUseDispatch to replace useDispatch and add extra functionality, such as logging or modifying actions before dispatching.

     

    ✅ Step 1: Create myUseDispatch.js

    Wrap useDispatch inside a custom hook with added logic:

    js

    import { useDispatch } from "react-redux";
    
    const myUseDispatch = () => {
      const dispatch = useDispatch();
    
      return (action) => {
        console.log("Dispatching action:", action); // ✅ Logs action before dispatching
        dispatch(action);
      };
    };
    
    export default myUseDispatch;
    
     

    ✅ Step 2: Use myUseDispatch in Your Component

    Replace useDispatch with your custom myUseDispatch:

    js

    import myUseDispatch from "./myUseDispatch";
    import { setToken } from "./redux/authSlice";
    
    const MyComponent = () => {
      const dispatch = myUseDispatch();
    
      const handleLogin = () => {
        dispatch(setToken("my-secure-token")); // ✅ Dispatch action using custom hook
      };
    
      return <button onClick={handleLogin}>Login</button>;
    };
    
     

    🚀 Why Use This Custom Hook?

    ✅ Adds logging to track dispatched actions ✅ Allows modification of actions before dispatching ✅ Reusable across multiple components

    Would you like help adding middleware-like logic to intercept and modify actions before dispatching?

     

    نمايش: ۸۵
  • best way of handling access token in react .js?

    best way of handling access token in react .js?

    Managing access tokens securely in React is crucial to prevent security risks like token theft and unauthorized access. Here’s the best approach depending on your authentication strategy:

     

    1️⃣ Store Tokens Securely

    Instead of localStorage, consider safer alternatives:

    HttpOnly Cookies (Recommended)

    • Tokens are stored on the server and not accessible to JavaScript, preventing XSS attacks.

    • Use SameSite=Strict and Secure flags for better protection.

    Session Storage (Better Than LocalStorage)

    • Clears automatically when the session ends.

    • Still accessible by JavaScript, so not ideal for highly sensitive tokens.

    Redux or React State (For Short-Lived Tokens)

    • Stores tokens in memory, preventing exposure to persistent storage attacks.

    • Good for apps using short-lived tokens and refresh mechanisms.

     

    2️⃣ Implement Token Expiry & Refresh Mechanism

    To avoid stale tokens and frequent logouts, implement token refreshing using refresh tokens.

    🔹 Example: Automatic Token Refresh with Axios Interceptors

    javascript

    import axios from 'axios';
    
    // Create an Axios instance
    const api = axios.create({
      baseURL: 'https://your-api.com',
      withCredentials: true // Ensures cookies are sent
    });
    
    // Request interceptor to attach token
    api.interceptors.request.use(config => {
      const accessToken = sessionStorage.getItem("access_token");
      if (accessToken) {
        config.headers.Authorization = `Bearer ${accessToken}`;
      }
      return config;
    });
    
    // Response interceptor to handle token expiry
    api.interceptors.response.use(
      response => response,
      async error => {
        if (error.response?.status === 401) {
          // Try refreshing the token
          const refreshToken = sessionStorage.getItem("refresh_token");
          if (refreshToken) {
            const { data } = await axios.post("https://your-api.com/refresh", { refresh_token: refreshToken });
            sessionStorage.setItem("access_token", data.access_token);
            error.config.headers.Authorization = `Bearer ${data.access_token}`;
            return api(error.config); // Retry original request
          }
        }
        return Promise.reject(error);
      }
    );
    
    export default api;
    
     

    3️⃣ Protect Routes with Authentication Checks

    Ensure users are redirected if their token is missing or expired.

    🔹 Example: Private Route Protection

    javascript

    import { Navigate, Outlet } from "react-router-dom";
    
    const PrivateRoute = () => {
      const accessToken = sessionStorage.getItem("access_token");
    
      return accessToken ? <Outlet /> : <Navigate to="/login" />;
    };
    
    export default PrivateRoute;
    
     

    ✅ Summary of Best Practices

    🔒 Store tokens securely (HttpOnly Cookies or Session Storage) 🔄 Use a refresh token system to prevent forced logouts 🚀 Protect routes with authentication checks 📡 Use Axios interceptors for automatic token handling

     

    نمايش: ۸۴
  • what is Custom Properties (--variable-name) in css?

    what is Custom Properties (--variable-name)?

    CSS Custom Properties, also known as CSS Variables, allow you to define reusable values in your stylesheets. They are prefixed with -- and can be accessed using the var() function.

    Example Usage

    css

    :root {
      --primary-color: blue;
      --padding-size: 10px;
    }
    
    button {
      background-color: var(--primary-color);
      padding: var(--padding-size);
    }
    

    🔥 Why Use Custom Properties?

    • Reusability – Define a value once and use it multiple times.

    • Dynamic Updates – Change values dynamically using JavaScript.

    • Improved Maintainability – Easier to manage and update styles.

    نمايش: ۷۹
  • use a external component that created with typescript in another react .js that dont use typescript

    i can use a external component that created with typescript in another react .js that dont use typescript?

    Yes, you can absolutely use a TypeScript-based React component in a React project that doesn't use TypeScript! Here’s how:

    1. Compile to JavaScript – TypeScript compiles to plain JavaScript, so when you import a TypeScript-based component, you're essentially using JavaScript. Ensure the component is properly compiled before importing it.

    2. Use .js Files – When installing an external TypeScript component via npm or yarn, you'll typically find precompiled JavaScript files in the package’s dist folder. You can import those directly into your React app.

    3. Ignore Type Definitions – If the package includes TypeScript type definitions (.d.ts files), they won’t affect your project unless you're using TypeScript. Your regular React setup will work fine.

    4. Check Dependencies – Some TypeScript-based components might require TypeScript-specific configurations. Look at their documentation to see if any adjustments are needed.

    نمايش: ۹۴
  • i can use function in json object and send this json as react .js component prop?

    i can use function in json object and send this json as react .js component prop?

    Yes! You can pass a function inside a JSON-like object as a prop in React, but there’s a catch—pure JSON doesn’t support functions. However, JavaScript objects do! Here’s how you can do it:

    Passing a function inside an object as a prop

    jsx

    const myObject = {
      message: "Hello from JSON-like object!",
      myFunction: () => alert("Function inside the object executed!")
    };
    
    const MyComponent = ({ data }) => (
      <div>
        <p>{data.message}</p>
        <button onClick={data.myFunction}>Click me</button>
      </div>
    );
    
    export default function App() {
      return <MyComponent data={myObject} />;
    }
    

    This works because React allows JavaScript objects as props, and functions are valid values inside objects.

    ⚠️ Limitations

    • If you serialize the object to JSON (JSON.stringify(myObject)), the function will be lost.

    • If you're dealing with API responses, they won’t contain functions, because JSON doesn’t support functions.

    • If the data comes from a server, you might need to attach functions after parsing the JSON.

    نمايش: ۱۴۳
  • one react js project that consume bundle of another react project

     

    You can achieve this by creating two React projects: 1️⃣ The first project (project-x) will contain the X and Y components, and be bundled for reuse. 2️⃣ The second project (project-y) will consume the bundled components from project-x.

     

    ✅ Step 1: Create project-x (Component Provider)

    Run:

    sh
    npx create-react-app project-x --template javascript
    

    Inside project-x/src/components, create two sample components:

    X.js

    js
    import React from "react";
    
    const X = () => <div>Hello from Component X!</div>;
    
    export default X;
    

    Y.js

    js
    import React from "react";
    
    const Y = () => <div>Hello from Component Y!</div>;
    
    export default Y;
    
  • ایجاد پروژه جدید react typescript با استفاده از vite

    نحوه ایجاد پروژه جدید react typescript با استفاده از vite

    نحوه راه‌اندازی پروژه React با TypeScript، Redux و React Router در Vite 🚀

    ۱️⃣ ایجاد یک پروژه جدید React + TypeScript با Vite

    برای شروع، دستور زیر را اجرا کنید:

    sh
    npm create vite@latest my-app --template react-ts
    

    یا با استفاده از Yarn:

    sh
    yarn create vite my-app --template react-ts
    

    🔹 این دستور React و TypeScript را به‌صورت خودکار با Vite راه‌اندازی می‌کند.

     

    ۲️⃣ ورود به پوشه پروژه

    sh
    cd my-app
    
     

    ۳️⃣ نصب React Router و Redux Toolkit

    اکنون باید React Router و Redux Toolkit را همراه با تایپ‌های TypeScript نصب کنید:

    sh
    npm install react-router-dom redux @reduxjs/toolkit react-redux
    
    npm install --save-dev @types/react-router-dom @types/react-redux
    

    یا با Yarn:

    sh
    yarn add react-router-dom redux @reduxjs/toolkit react-redux
    yarn add -D @types/react-router-dom @types/react-redux
    

    🔹 این باعث می‌شود که Redux و Router به‌درستی با TypeScript کار کنند.

     

    ۴️⃣ تنظیمات Vite در vite.config.ts (اختیاری)

    برای بهبود پشتیبانی TypeScript، اطمینان حاصل کنید که vite.config.ts شامل موارد زیر است:

    ts
    import { defineConfig } from "vite";
    import react from "@vitejs/plugin-react";
    
    export default defineConfig({
      plugins: [react()],
      resolve: {
        extensions: [".ts", ".tsx", ".js"],
      },
    });
    
     

    ۵️⃣ راه‌اندازی Redux Store (src/store.ts)

    اکنون باید Redux Toolkit را تنظیم کنید:

    ts
    import { configureStore } from "@reduxjs/toolkit";
    
    const store = configureStore({
      reducer: {},
    });
    
    export type RootState = ReturnType<typeof store.getState>;
    export type AppDispatch = typeof store.dispatch;
    
    export default store;
    
     

    ۶️⃣ تنظیم React Router (src/App.tsx)

    App.tsx را برای استفاده از React Router تغییر دهید:

    tsx
    import React from "react";
    import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
    import Home from "./pages/Home";
    import About from "./pages/About";
    
    const App: React.FC = () => {
      return (
        <Router>
          <Routes>
            <Route path="/" element={<Home />} />
            <Route path="/about" element={<About />} />
          </Routes>
        </Router>
      );
    };
    
    export default App;
    
     

    ۷️⃣ استفاده از Redux Store در src/main.tsx

    از آنجایی که این پروژه مبتنی بر Vite است، به‌جای index.tsx، فایل src/main.tsx را تغییر دهید:

    tsx
    import React from "react";
    import ReactDOM from "react-dom/client";
    import { Provider } from "react-redux";
    import store from "./store";
    import App from "./App";
    
    ReactDOM.createRoot(document.getElementById("root")!).render(
      <Provider store={store}>
        <App />
      </Provider>
    );
    
     

    ۸️⃣ اجرای پروژه Vite

    برای اجرای پروژه، دستور زیر را اجرا کنید:

    sh
    npm run dev
    

    یا با Yarn:

    sh
    yarn dev
    

    🚀 اکنون شما یک پروژه کامل React با TypeScript، Redux و Router دارید که با Vite اجرا می‌شود!

     

     

    نمايش: ۱۰۳
  • قواعد نام‌گذاری در React js برای کامپوننت‌ها، متدها و توابع

    قواعد نام‌گذاری در React js برای کامپوننت‌ها، متدها و توابع

    قواعد نام‌گذاری در برای کامپوننت‌ها، متدها و توابع

    رعایت اصول نام‌گذاری در باعث خوانایی و نگهداری بهتر کد می‌شود. در ادامه بهترین روش‌ها برای نام‌گذاری کامپوننت‌ها، متدها و توابع را بررسی می‌کنیم:

     

    ۱. نام‌گذاری کامپوننت‌های React

    استفاده از PascalCase (حروف بزرگ در ابتدای هر کلمه) ✅ نام باید هدف کامپوننت را توصیف کندنام فایل کامپوننت باید با نام کامپوننت صادر شده مطابقت داشته باشد

    نمونه کد صحیح:

    tsx
    function UserProfile() { 
      return <div>کامپوننت پروفایل کاربر</div>;
    }
    
    export default UserProfile;
    

    🚫 روش غلط (نام‌گذاری نامناسب):

    tsx
    function user_profile() {  // ❌ اشتباه
      return <div>کامپوننت پروفایل کاربر</div>;
    }
    
     

    ۲. نام‌گذاری متدها (توابع داخل کامپوننت)

    استفاده از camelCaseشروع نام تابع با یک فعل (مانند handleClick, fetchData)نام باید واضح و مختصر باشد

    نمونه صحیح:

    tsx
    const handleSave = () => {
      console.log("ذخیره شد!");
    };
    
    const fetchUserData = async () => {
      const response = await fetch("/api/user");
    };
    

    🚫 روش نامناسب (نام‌گذاری غیر واضح):

    tsx
    const click = () => {   // ❌ اشتباه (نام غیر واضح)
      console.log("کلیک شد");
    };
    
     

    ۳. نام‌گذاری توابع کمکی (Utility Functions)

    استفاده از camelCaseشروع نام با یک فعل (مانند calculateTotal)استفاده از نام‌های معنی‌دار برای توابع عمومی

    نمونه صحیح:

    tsx
    const formatDate = (date: Date) => {
      return date.toISOString().split("T")[0];
    };
    
    const validateEmail = (email: string) => {
      return email.includes("@");
    };
    

    🚫 روش نامناسب (نام نامفهوم و کوتاه):

    tsx
    const x = () => {  // ❌ اشتباه (نام غیر معنی‌دار)
      return Math.random();
    };
    
     

    ۴. نام‌گذاری Event Handlers (مدیریت رویدادها)

    استفاده از handle + نام رویداد (مانند handleClick, handleSubmit)در صورت خاص بودن رویداد، نام را متناسب با آن تنظیم کنید (handleFormSubmit)

    نمونه صحیح:

    tsx
    const handleButtonClick = () => {
      alert("دکمه کلیک شد!");
    };
    
    const handleFormSubmit = (event: React.FormEvent) => {
      event.preventDefault();
    };
    

    🚫 روش نامناسب (نام غیر واضح)

    tsx
    const doSomething = () => { // ❌ اشتباه (عدم مشخص بودن عملکرد)
    };
    
     

    ۵. نام‌گذاری متغیرهای State در React

    استفاده از نام‌های واضح برای متغیرهای stateبرای متغیرهای بولی، با is یا has شروع کنیدنام متغیر باید با setVariableName برای متغیرهای تنظیم‌کننده همراه باشد

    نمونه صحیح:

    tsx
    const [isModalOpen, setIsModalOpen] = useState(false);
    const [userName, setUserName] = useState("");
    

    🚫 روش نامناسب (نام نامفهوم برای state)

    tsx
    const [data, setData] = useState([]);  // ❌ اشتباه (نام غیر واضح)
    
     

    ۶. بهترین روش‌ها برای نام‌گذاری در

    ✔️ یکپارچگی (Consistency) – یک روش نام‌گذاری مشخص را در کل پروژه رعایت کنید ✔️ خوانایی (Readability) – نام‌هایی انتخاب کنید که هدف تابع را دقیقاً مشخص کنند ✔️ اجتناب از اختصارات نامفهومhandleSubmitForm() بهتر از hndSubFrm() است

    با رعایت این قواعد، کد React شما خواناتر، بهینه‌تر و قابل نگهداری خواهد بود.

     

    نمايش: ۹۹
  • مهاجرت پروژه های REACT به TypeScript

    نحوه استفاده از TypeScript در پروژه های React js - مهاجرت پروژه های REACT به TypeScript

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

    1. نصب TypeScript

    ابتدا باید TypeScript را به پروژه React خود اضافه کنید. از این دستور استفاده کنید:

    bash
    npm install typescript @types/react @types/react-dom
    

    2. تغییر فایل‌ها به فرمت TypeScript

    تمام فایل‌های .js یا .jsx را به .ts یا .tsx تغییر دهید. فایل‌های .tsx مخصوص کد React هستند.

    3. ایجاد فایل

    برای تنظیم TypeScript، یک فایل tsconfig.json در ریشه پروژه ایجاد کنید:

    bash
    npx tsc --init
    

    سپس می‌توانید تنظیمات لازم را در فایل اعمال کنید. برای یک پروژه React معمولی، تنظیمات پایه می‌تواند این‌گونه باشد:

    json
    {
      "compilerOptions": {
        "target": "ES6",
        "module": "ESNext",
        "strict": true,
        "jsx": "react-jsx"
      },
      "include": ["src"]
    }
    

    4. مدیریت انواع (Types)

    TypeScript نیاز به تعیین نوع داده‌ها دارد. شما باید انواع مناسب را برای props، state و دیگر متغیرها تعریف کنید:

    tsx
    type Props = {
      title: string;
      age?: number; // پارامتر اختیاری
    };
    
    const MyComponent: React.FC<Props> = ({ title, age }) => {
      return <h1>{title}</h1>;
    };
    

    5. استفاده از کتابخانه‌های TypeScript

    بسیاری از کتابخانه‌هایی که با React استفاده می‌شوند، نسخه‌هایی با تعریف TypeScript ارائه می‌دهند. اگر کتابخانه‌ای استفاده می‌کنید، مطمئن شوید که تعریف انواع آن را نصب کرده‌اید:

    bash
    npm install @types/[library-name]
    

    6. رفع خطاها

    پس از تغییر فایل‌ها به .tsx، TypeScript ممکن است خطاهایی را نشان دهد که نیاز به اصلاح دارد. این خطاها می‌توانند شامل عدم تعریف نوع متغیرها یا استفاده نادرست از مقادیر باشند.

    7. مهاجرت تدریجی

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

    مزایا مهاجرت به TypeScript:

    • شناسایی خطاها قبل از اجرای کد

    • نگهداری بهتر و مستندتر بودن کد

    • تجربه توسعه‌دهی بهتر برای تیم‌های بزرگ

     

    نمايش: ۷۸
  • استفاده از yup در پروژه های بزرگ react

    استفاده از yup در پروژه های بزرگ   react  توصیه می شود؟

    بله، استفاده از Yup برای مدیریت اعتبارسنجی در پروژه‌های بزرگ React به شدت توصیه می‌شود، زیرا مزایای زیادی ارائه می‌دهد که مدیریت فرم‌ها و اعتبارسنجی داده‌ها را ساده‌تر و موثرتر می‌سازد. در ادامه دلایل و نکات اصلی این توصیه را آورده‌ام:

    مزایای استفاده از Yup:

    1. سادگی و خوانایی کد: Yup دارای یک API قابل خواندن و کاربرپسند برای تعریف schema‌های اعتبارسنجی است. این امر باعث کاهش پیچیدگی کد، به ویژه در پروژه‌های بزرگ می‌شود.

      javascript
      const schema = Yup.object().shape({
        email: Yup.string().email('ایمیل معتبر نیست').required('ایمیل ضروری است'),
        password: Yup.string().min(8, 'رمز عبور باید حداقل ۸ کاراکتر باشد').required('رمز عبور ضروری است'),
      });
      
    2. یکپارچگی با Formik: Yup به خوبی با کتابخانه‌هایی مثل Formik که در مدیریت فرم‌ها محبوب است، ادغام می‌شود. این ترکیب به طور خاص در پروژه‌های بزرگ که فرم‌های متعددی دارند، می‌تواند مدیریت اعتبارسنجی و ارسال داده‌ها را به شکل مؤثری ساده کند.

    3. قابلیت استفاده مجدد (Reusability): در پروژه‌های بزرگ، می‌توانید schema‌های اعتبارسنجی را به صورت ماژولار ایجاد کرده و در بخش‌های مختلف پروژه استفاده کنید، که باعث کاهش تکرار کد و بهبود نگهداری می‌شود.

    4. اعتبارسنجی سمت کلاینت: Yup به شما اجازه می‌دهد تا اعتبارسنجی را سمت کلاینت انجام دهید، که تجربه کاربری سریع و روان‌تری ایجاد می‌کند.

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

    چالش‌ها و محدودیت‌ها:

    1. نیاز به یادگیری: اگر تیم با Yup یا Formik آشنا نیست، ممکن است نیاز به زمان برای یادگیری و یکپارچه‌سازی باشد.

    2. اندازه بسته: استفاده از کتابخانه‌های اضافی ممکن است اندازه نهایی باندل را افزایش دهد، اما معمولاً این موضوع در مقابل مزایای آن به چشم نمی‌آید.

    نتیجه‌گیری:

    اگر پروژه شما شامل فرم‌های پیچیده و زیادی است، Yup انتخابی ایده‌آل برای اعتبارسنجی داده‌ها است، به ویژه در کنار Formik. این ابزارها نه تنها روند توسعه را تسریع می‌کنند، بلکه کد را تمیزتر و قابل نگهداری‌تر نیز می‌کنند.

     

    نمايش: ۹۱
  • افزودن فایل webpack.config.js به پروژه react

    چرا پروژه ریکت من فایل webpack.config.js را ندارد؟ چگونه آن را ایجاد کنم؟

    اگر پروژه React شما فایل webpack.config.js ندارد، احتمالاً از یک ابزار ساخت آماده مانند Create React App یا Vite استفاده شده است. این ابزارها، تنظیمات Webpack را از پیش برای شما مدیریت می‌کنند و نیازی به ساخت دستی فایل webpack.config.js نیست.

    در چنین پروژه‌هایی، برای ایجاد باندل یا تنظیمات سفارشی می‌توانید به روش‌های زیر عمل کنید:

     

    1. در پروژه Create React App:

    Create React App به صورت پیش‌فرض فایل‌های تنظیمات Webpack را پنهان کرده و مدیریت می‌کند. اگر نیاز دارید تنظیمات Webpack را تغییر دهید:

    • Eject کردن پروژه: با اجرای دستور زیر، فایل‌های Webpack و تنظیمات مرتبط آشکار می‌شوند:

      bash
      npm run eject
      

      توجه: این کار پروژه شما را غیرقابل بازگشت می‌کند و ممکن است پیچیدگی بیشتری ایجاد کند.

    • پس از اجرای eject، فایل webpack.config.js قابل مشاهده خواهد بود و می‌توانید تغییرات دلخواه را اعمال کنید.

     

    2. در پروژه Vite:

    اگر پروژه شما با Vite ساخته شده باشد، تنظیمات آن در فایل vite.config.js مدیریت می‌شوند. این ابزار سبک‌تر و سریع‌تر از Webpack است و از تنظیمات ساده‌تر استفاده می‌کند.

    در فایل vite.config.js می‌توانید تنظیمات مربوط به خروجی را اضافه کنید:

    javascript
    import { defineConfig } from 'vite';
    import react from '@vitejs/plugin-react';
    
    export default defineConfig({
      plugins: [react()],
      build: {
        lib: {
          entry: './src/components/X.js',
          name: 'XComponent',
          formats: ['es', 'umd'],
          fileName: 'bundle',
        },
      },
    });
    

    سپس دستور زیر را برای تولید باندل اجرا کنید:

    bash
    npm run build
    

    فایل خروجی در پوشه dist ذخیره می‌شود.

     

    3. اگر نیاز به ساخت فایل Webpack دارید:

    اگر قصد دارید یک فایل webpack.config.js به پروژه اضافه کنید، ابتدا باید Webpack و وابستگی‌های مرتبط را نصب کنید:

    bash
    npm install webpack webpack-cli babel-loader @babel/preset-react --save-dev
    

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

     

    پیشنهاد:

    اگر پروژه شما از ابزارهای مدرن مانند Create React App یا Vite استفاده می‌کند، بهتر است از تنظیمات پیش‌فرض بهره ببرید و تنها در موارد خاص نیاز به سفارشی‌سازی تنظیمات داشته باشید.

    نمايش: ۱۲۱
  • کد نمونه برای استفاده از کامپوننت یک پروژه react در یک پروژه دیگر react

    نمونه کد ساده که در پروژه اول فقط یک کامپوننت ساده به نام ایکس ایجاد شده و در پروژه دوم از باندل پروژه اول برای استفاده از کامپوننت ایکس ارجاع داده شود؟

    بله، من می‌توانم یک نمونه ساده برای روش شماره ۲ ارائه دهم که یک کامپوننت ساده در پروژه اول ایجاد و باندل شود و سپس در پروژه دوم مورد استفاده قرار گیرد. در اینجا دو پروژه داریم:

     

    پروژه اول: ایجاد کامپوننت و باندل

    در پروژه اول، یک کامپوننت به نام X ایجاد می‌کنیم و آن را برای استفاده در پروژه دوم باندل می‌کنیم.

    فایل src/components/X.js:

    javascript
    import React from "react";
    
    const X = () => {
      return <div>Hello from Component X!</div>;
    };
    
    export default X;
    

    تنظیمات Webpack (فایل webpack.config.js):

    javascript
    const path = require("path");
    
    module.exports = {
      entry: "./src/components/X.js", // مسیر فایل اصلی کامپوننت
      output: {
        path: path.resolve(__dirname, "dist"),
        filename: "bundle.js",
        library: "XComponent",
        libraryTarget: "umd", // UMD برای پشتیبانی از CommonJS و AMD
      },
      module: {
        rules: [
          {
            test: /\.js$/,
            exclude: /node_modules/,
            use: {
              loader: "babel-loader",
              options: {
                presets: ["@babel/preset-react"],
              },
            },
          },
        ],
      },
      resolve: {
        extensions: [".js", ".jsx"],
      },
    };
    

    نصب وابستگی‌ها:

    اجرا کنید:

    bash
    npm install webpack webpack-cli babel-loader @babel/preset-react react react-dom
    

    کامپایل و تولید باندل:

    اجرا کنید:

    bash
    npx webpack
    

    این دستور فایل باندل dist/bundle.js را تولید می‌کند.

     

    پروژه دوم: استفاده از باندل پروژه اول

    در پروژه دوم، فایل باندل ایجاد شده (bundle.js) را وارد می‌کنیم و کامپوننت X را استفاده می‌کنیم.

    فایل src/App.js:

    javascript
    import React from "react";
    import XComponent from "../path-to-bundle/bundle.js"; // مسیر به فایل باندل
    
    const App = () => {
      return (
        <div>
          <h1>Welcome to Project Two</h1>
          <XComponent />
        </div>
      );
    };
    
    export default App;
    

    نصب وابستگی‌ها:

    اجرا کنید:

    bash
    npm install react react-dom
    

    تنظیمات Webpack در پروژه دوم (فایل webpack.config.js):

    javascript
    const path = require("path");
    
    module.exports = {
      entry: "./src/App.js",
      output: {
        path: path.resolve(__dirname, "dist"),
        filename: "app.bundle.js",
      },
      module: {
        rules: [
          {
            test: /\.js$/,
            exclude: /node_modules/,
            use: {
              loader: "babel-loader",
              options: {
                presets: ["@babel/preset-react"],
              },
            },
          },
        ],
      },
      resolve: {
        extensions: [".js", ".jsx"],
      },
    };
    

    اجرای پروژه دوم:

    اجرا کنید:

    bash
    npx webpack
    

    حالا کامپوننت X از پروژه اول در پروژه دوم قابل استفاده است.

     

    توضیحات:

    1. باندل در پروژه اول:

      • فایل باندل تولید شده توسط Webpack شامل کامپوننت X است.

      • استفاده از libraryTarget: "umd" سازگاری را برای CommonJS، AMD و ES Modules فراهم می‌کند.

    2. استفاده در پروژه دوم:

      • فایل باندل به عنوان یک ماژول وارد شده و کامپوننت X استفاده می‌شود.

     

     

    این روش مناسب برای پروژه‌های ماژولار و تیم‌های بزرگ است

    نمايش: ۹۵
  • آیا می شود پروژه ریکت را به دو پروژه تقسیم کرد و باندل ایجاد شده در یک پروژه را در پروژه دیگر فراخوان کرد؟

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

    بله، این کار امکان‌پذیر است و در بسیاری از موارد، به ویژه برای پروژه‌های بزرگ یا ماژولار، انجام می‌شود. شما می‌توانید پروژه‌های ریکت (React) را به دو یا چند پروژه جداگانه تقسیم کنید و از باندل (Bundle) یک پروژه در پروژه دیگر استفاده کنید. برای این منظور، می‌توانید از روش‌های زیر استفاده کنید:

     

    روش‌های فراخوانی باندل پروژه دیگر:

    1. ایجاد کتابخانه و انتشار روی npm:

    • توضیح: می‌توانید قسمت‌هایی از پروژه اول که می‌خواهید در پروژه دوم استفاده کنید را به یک کتابخانه تبدیل کرده و آن را روی npm منتشر کنید.

    • مراحل:

      1. بخش مشترک را به یک ماژول یا پکیج جداگانه تبدیل کنید.

      2. آن را با دستور npm publish در npm منتشر کنید.

      3. در پروژه دیگر با استفاده از npm install package-name آن را نصب کنید.

    • مزیت: قابلیت اشتراک‌گذاری ساده و مدیریت نسخه‌ها.

    2. ایجاد خروجی با Webpack یا Vite:

    • توضیح: می‌توانید با استفاده از ابزارهایی مانند Webpack یا Vite، باندل خروجی (Bundle) پروژه اول را تولید کرده و در پروژه دوم وارد کنید.

    • مراحل:

      1. در پروژه اول یک باندل ایجاد کنید:

        javascript
        // Webpack configuration
        output: {
          filename: "library.js",
          library: "MyLibrary",
          libraryTarget: "umd", // Universal Module Definition
        }
        
      2. خروجی (library.js) را در پروژه دوم از طریق <script> یا وارد کردن در کد استفاده کنید.

    • مزیت: نیازی به انتشار آنلاین نیست.

    3. استفاده از Yarn Workspaces یا Monorepo:

    • توضیح: با استفاده از ساختارهای Monorepo مانند Yarn Workspaces یا Nx می‌توانید چندین پروژه را در یک مخزن مدیریت کنید.

    • مراحل:

      1. پروژه‌های مختلف را به‌عنوان پکیج‌های جدا در یک Monorepo سازماندهی کنید.

      2. پکیج‌های داخلی را بدون انتشار، بین پروژه‌ها به اشتراک بگذارید.

      3. برای استفاده در پروژه دوم، کافیست آن را در package.json اضافه کنید:

        json
        "dependencies": {
          "shared-library": "workspace:*"
        }
        

    4. اشتراک‌گذاری مستقیم فایل باندل:

    • توضیح: اگر نمی‌خواهید از npm یا ابزارهای دیگر استفاده کنید، می‌توانید فایل‌های خروجی باندل پروژه اول را مستقیماً به پروژه دوم کپی کنید و با استفاده از import یا <script> از آن‌ها استفاده کنید.

    • مراحل:

      1. فایل باندل (.js) پروژه اول را ایجاد کنید.

      2. فایل باندرا در پروژه دوم قرار دهید و در کد آن را ایمپورت کنید:

        javascript
     

    موارد قابل توجه:

    1. استقلال ماژول‌ها:

      • اطمینان حاصل کنید که بخش مشترک بین دو پروژه به صورت ماژولار طراحی شده است و وابستگی‌های غیرضروری به پروژه اصلی ندارد.

    2. مدیریت نسخه‌ها:

      • اگر از npm استفاده می‌کنید، حتماً نسخه‌های منتشر شده را مدیریت کنید تا به روزرسانی‌ها مشکلی ایجاد نکند.

    3. پشتیبانی از مرورگرها:

      • در هنگام ایجاد باندل مطمئن شوید که کد شما سازگار با استانداردهای مرورگرها باشد (مثلاً با استفاده از Babel).

     

    آیا نیاز به نمونه کد یا توضیح خاصی درباره یکی از این روش‌ها دارید؟ 😊

     
     
    نمايش: ۱۰۰
  • size of bundle in .js vs .jsx?

    The size of bundles produced from .js and .jsx files in React is generally the same because the differences between these two file extensions do not affect how JavaScript is compiled or bundled. Here’s a breakdown to clarify:

    Key Points:

    1. File Extension Purpose:

      • .js and .jsx are just conventions:

        • .js is typically used for JavaScript files.

        • .jsx is used to indicate files containing React JSX syntax.

      • Both extensions are functionally equivalent in modern React projects because Babel or other compilers process them the same way.

    2. Bundle Size:

      • Whether you use .js or .jsx, the bundle size is determined by the code itself, not the file extension. The bundling tools (e.g., Webpack, Vite) compile and optimize all files uniformly.

    3. Optimization Factors:

      • The bundle size depends on:

        • The number of libraries and dependencies imported.

        • The efficiency of the code (e.g., unused imports).

        • The optimization tools used during the build process (e.g., minification, tree shaking).

    4. Why Use .jsx?:

      • .jsx is preferred for React components because it explicitly communicates that the file contains JSX syntax, making the codebase more readable and organized.

      • It’s purely a developer convention and doesn’t impact bundle size.

     

    Recommendation:

    Choose .jsx for React components to maintain clarity, but know that the file extension itself won’t influence the bundle size. For optimizing the bundle, focus on techniques like code splitting, tree shaking, and minimizing imports.

    نمايش: ۸۷
  • How to handle and optimize bundles in react js

    Optimizing bundles in React JS is essential for improving application performance and reducing load times. Here are some effective strategies:

     

    1. Code Splitting

    React offers built-in support for code splitting using dynamic imports. This technique splits your code into smaller chunks that can be loaded on demand. Example:

    javascript

    import React, { Suspense } from "react";
    
    const LazyComponent = React.lazy(() => import("./LazyComponent"));
    
    const App = () => (
      <Suspense fallback={<div>Loading...</div>}>
        <LazyComponent />
      </Suspense>
    );
    

    This loads LazyComponent only when it's needed.

     

    2. Tree Shaking

    Ensure your project uses tools like Webpack, which automatically remove unused code (tree shaking). Import only what you need:

    javascript

    import { specificFunction } from "library"; // Avoid importing the entire library
    
     

    3. Bundle Analyzer

    Use tools like webpack-bundle-analyzer to visualize the size of your bundles and identify large dependencies. Installation:

    bash

    npm install webpack-bundle-analyzer --save-dev
    

    Usage:

    javascript

    const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
    
    module.exports = {
      plugins: [new BundleAnalyzerPlugin()],
    };
    
     

    4. Minification

    Minify your JavaScript and CSS to reduce bundle size. Most bundlers like Webpack do this automatically in production mode:

    bash

    NODE_ENV=production npm run build
    
     

    5. Lazy Loading

    Delay loading non-critical assets like images and components until they're needed. Libraries like react-lazyload can help with this.

     

    6. Use Smaller Libraries

    Instead of large libraries, opt for lightweight alternatives. For example:

    • Use axios instead of jQuery for AJAX.

    • Replace moment.js with date-fns.

     

    7. Optimize Images and Assets

    • Use optimized image formats (e.g., WebP).

    • Compress images and other assets.

     

    8. Caching and CDN

    Leverage caching and Content Delivery Networks (CDNs) to serve assets efficiently.

     

    9. Reduce Polyfills

    If you're targeting modern browsers, reduce unnecessary polyfills by configuring your .babelrc or Babel settings:

    json

    {
      "presets": [["@babel/preset-env", { "targets": "defaults" }]]
    }
    
     

    By combining these strategies, you can significantly improve bundle performance and overall user experience.

    نمايش: ۷۱
  • زندگینامه امیرحسین ثابتی؛ نماینده تهران و مجری سابق شبکه افق

    "با زندگینامه و بیوگرافی امیرحسین ثابتی، نماینده تهران در مجلس شورای اسلامی و مجری سابق شبکه افق آشنا شوید. از فعالیت‌های سیاسی و رسانه‌ای او تا نقش‌آفرینی در عرصه فرهنگی و اجتماعی."

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

  •  کد آهنگ پیشواز مذهبی

    کد پیشواز ایرانسل و همراه اول مداحی، مناجات و دعا ویژه ماه رمضان

    "کدهای پیشواز ایرانسل و همراه اول برای مداحی‌ها، مناجات و دعاهای معروف ماه رمضان را پیدا کنید و تماس‌های خود را معنوی‌تر کنید."

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

  • تدریس خصوصی آزمون تیزهوشان ششم ملارد اندیشه و شهریار

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

    دوره های آموزش خصوصیی کلاس تیزهوشان ششم

    آمادگی برای قبولی صددرصد در آزمون تیزهوشان و مدارس استعدادهای درخشان سمپاد ششم به هفتم

     

    برای ارتباط با مدرس به کانال زیر در ایتا مراجعه کنید:

     

    https://eitaa.com/sampad6th

     

     

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

    نمايش: ۲۲۲
  • اسامی حامیان ایرانی داعش و تروریسم

    فهرست اسامی و مشخصات ایرانی های حامی یا عضو گروه تروریستی داعش

    این افراد یا از حامیان سرسخت داعش و اقدامات تروریستی آنها هستند یا خود عضو فعال این گروه تروریستی می باشند:

     

     

    رحیم میرتاج الدینی، مهندس نقشه بردار، ساکن کرمان حامی داعش و تروریسم

    مهندس ایرانی حامی داعش و تروریست ها و اسرائیل

    رحیم میرتاج الدینی، مهندس نقشه بردار، ساکن کرمان

     

     

    فاطمه اقبالی مقدم، دندانپزشک با کد نظام پزشکی: ۱۵۴۴۴۹

    دندانپزشک حامی تروریسم ساکن تهران

    ‏ توهین وقیحانه فاطمه اقبالی مقدم، دندانپزشک با کد نظام پزشکی: ۱۵۴۴۴۹

     

    رامتین نشاطور قلعه - اهل تبریز

     

     

    این کاربر توئیتری ( حامی تروریسم اهل تبریز) پارسال زن و بچه مذهبی‌ها رو تهدید به تجاوز می‌کرد و الان پست هایی رو که در اون به حاج قاسم سلیمانی و شهدای کرمان اهانت میشه رو لایک می‌کنه و ضریب میده 

    رامتین نشاطور قلعه - اهل تبریز

    متولد ۱۳۸۱/۰۵/۳۱

    نام پدر محمد

    انتهای کد ملی 3278037

    محل سکونت، تبریز کوی ولیعصر، خیابان نظامی

    نمايش: ۴۷۱
  • نوحه ترکی اسیر اولوب یاشا اما عقیده سیز یاشاما حاج مهدی رسولی

    نوحه ترکی استودیویی اسیر اولوب یاشا اما عقیده سیز یاشاما همین عبارت سنگین شعار زینب دی با صدای حاج مهدی رسولی برای حضرت زینب سلام الله علیها

    دانلود صوتی نماهنگ ترکی شعار زینب از مهدی رسولی

     

     

     

    متن نوحه اسیر اولوب یاشا

    اسیر اولوب یاشا اما عقیده سیز یاشاما
    همین عبارت سنگین شعار زینب دی

  • دانلود نوحه خونه هامون موکبه حاج مهدی رسولی

    دانلود صوت نوحه خونه هامون موکبه لحظه لحظه مون کربلاست با صدای حاج مهدی رسولی ویژه پیاده روی اربعین حسینی همراه با پخش آنلاین و متن مداحی

    نوحه اربعینی خونه هامون موکبه از مهدی رسولی

     

     

     

    متن مداحی خونه هامون موکبه لحظه لحظه مون کربلاست

    خونه هامون موکبه لحظه لحظه مون کربلاست
    هر کجا که اسمش بیاد کربلای ما عاشقاست

    به امام حسین رسیدن ساده نیست
    کربلا به عکس توی جاده نیست

  • مداحی امسال اربعین هستی هستم کربلایی حسین طاهری

    دانلود صوتی مداحی امسال اربعین هستی هستم هستم با نوای کربلایی حسین طاهری ویژه پیاده روی اربعین حسینی

    پرسید می زدی مستی مستم مستم
    پرسید بارتو بستی بستم بستم
    امسال اربعین هستی هستم هستم

     

     

     

    متن مداحی امسال اربعین هستی هستم هستم

    پرسید می زدی مستی مستم مستم
    پرسید بارتو بستی بستم بستم
    امسال اربعین هستی هستم هستم

    اربعینی ام با رخصت از امام رضا
    اگه قبول کنه خدا دارم میرم همین روزا

  • مداحی آه از جدایی دل شد هوایی از جواد مقدم برای جاماندگان پیاده روی اربعین

    مداحی جواد مقدم برای جاماندگان پیاده روی اربعین ،دانلود صوت کامل مداحی آه از جدایی دل شد هوایی اسم حرم اومد دلم شد کربلایی با صدای جواد مقدم ویژه پیاده روی اربعین

     

     

     

    متن مداحی آه از جدایی دل شد هوایی

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

  •  مداحی استودیویی

    نماهنگ زائر اربعین با صدای سید محمدرضا نوشه ور

    دانلود مداحی استودیویی ای پسر ام ابیها ای حرمت کعبه دلها - حسین جان جانم حسین جان حسین جان آقای عالم با صدای کربلایی سیدمحمدرضا نوشه ور برای پیاده روی اربعین 

    نماهنگ زائر اربعین سید محمدرضا نوشه ور

     

     

    متن مداحی

    حسین جان جانم حسین جان ...

    حسین جان آقای عالم
    حسین جان ذکر مدامم
    حسین جان بر تو سلامم

    حسین جان ...

    ای پسر ام ابیها
    ای حرمت کعبه دلها
    پناه تمام بی پناهان ای حسین جان

  • مداحی این روزا پای علم غم میزنه به دلم حسین طاهری

    دانلود صوت کامل مداحی شور این روزا پای علم غم میزنه به دلم با صدای کربلایی حسین طاهری ویژه اربعین حسینی 

    منم باید برم به مدد امام رضا
    پیاده از نجف تا به دیار عاشفا
    به مرکز جنون تا برسم به کربلا

     

     

    متن نوحه این روزا پای علم غم میزنه به دلم

    این روزا پای علم غم میزنه به دلم
    شا تا صبح میبینم خواب حرم تا حرم

    چی میشه خط نزنی دوباره اسم منو
    پاهام طلب میکنه پیاده اومدنو

  •  مداحی استودیویی

    مداحی خاطرات اربعین با صدای حسین طاهری

    دانلود صوت کامل مداحی استودیویی از هرچی عشقه توبه کن  با حسین عشق و تجربه کن با صدیا کربلایی حسین طاهری ویژه پیاده روی اربعین همراه با متن نوحه

    نماهنگ زیبای خاطرات اربعین با نوای حاج حسین طاهری

     

     

     

    متن مداحی خاطرات اربعین

    از هرچی عشقه توبه کن
    با حسین عشق و تجربه کن

    خاطرات اربعینش نمیشه دیگه تکرار
    بیا بگو یا علی و بار سفر رو بردار

  •  مداحی استودیویی

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

    دانلود صوت کامل مداحی استودیویی یا مدبر الامور حالا که از حرمم انقده دور با نوای کربلایی مجتبی رمضانی ویژه پیاده روی اربعین حسینی

    نماهنگ یا مقلب القلوب حال من تو کربلاته خوب خوب مجتبی رمضانی

     

     

    متن مداحی

    یا مدبر الامور حالا که از حرمم انقده دور
    یه نگاه کن بده یک قلب صبور یا مدبر الامور

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

  •  مداحی استودیویی دانلود نوحه عربی

    مداحی عربی فارسی محبوبی حسین با صدای محمد الجنامی و محمد فصولی الکربلائی

    نماهنگ عربی و فارسی محبوبی حسین محمد الجنامی و محمد فصولی الکربلائی - مداحی مشکی می پوشم گرم چاووشم با صدای محمد الجنامی و محمد فصولی الکربلائی همراه با متن و پخش آنلاین نوحه

    دانلود مداحی عربی فارسی محبوبی حسین (ع) محمد الجنامی و محمد فصولی الکربلائی

     

     

     

    متن نوحه محبوبی حسین

    مشکی میپوشم گرم چاووشم یاد شش گوشم دوستت دارم

    ای اصل ایمان ای جان جانان عشق بی پایان دوستت دارم

  •  مداحی استودیویی

    مداحی استودیویی چشماتو ببند خیال کن یه زائری زیر بارون مجتبی رمضانی

    دانلود صوت کامل مداحی استودیویی چشماتو ببند خیال کن یه زائری زیر بارون با صدای کربلایی مجتبی رمضانی ویژه جاماندگان پیاده روی اربعین + نماهنگ تصویری + متن کامل مداحی

    نماهنگ زیبای رویای حرم از کربلایی مجتبی رمضانی - جاماندگان از مشایه اربعین

     

     

     

    متن نوحه چشماتو ببند

    به علی بگو آقا جون حواست به منم باشه

    آخه دل خوشی عرب و عجمی به علی بگو دلتنگم

    حرمم داره دیر میشه خیلی وقته ما رو نمیطلبی

    چشماتو ببند خیال کن یه زائری زیر بارون

  •  مداحی استودیویی

    مداحی رفیق دلشکسته ها امام حسین خسته ها سیدرضا نریمانی

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

    نماهنگ دل پر درد نریمانی - پیاده روی اربعین

     

     

    متن نوحه دل پر درد و دنیای نامرد

    جز پیش تو قلبم هر جا میرفت گم بود
    عشقای غیر از تو سوء تفاهم بود

    دل پر درد و دنیای نامرد و
    من از همه طرد و بی کس و یارم

  • مداحی چشاتو ببند همسفر حاج میثم مطیعی ویژه پیاده روی اربعین

    مداحی چشاتو ببند همسفر با خاطرات اربعین با نوای حاج میثم مطیعی ویژه پیاده روی اربعین 1402

     

     

    متن نوحه چشاتو ببند همسفر دلت ببر کربلا

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

    کربلا شب جمعه‌ها پر عطر سیب مادره
    گوشه گوشه شیش گوشه صدای غریب مادره

    بهتر از همه حال عاشقاش میدونه
    شک نکن سلام ما بی جواب نمیمونه

  • مداحی بده اذن زیارت و منتظرم دیوونه میشم بی‌ حرم سید مجید بنی فاطمه

    مداحی بده اذن زیارت و منتظرم دیوونه میشم بی‌ حرم  با صدای حاج سید مجید بنی فاطمه برای پیاده روی اربعین

    مداحی جدید سید مجید بنی‌ فاطمه برای پیاده روی اربعین - کاش که باز بشینه رو، پیرهنمون گرد و غبار راه کرب و بلا

     

     

    متن نوحه بده اذن زیارت و منتظرم

    کاش که باز بشینه رو، پیرهنمون گرد و غبار راه کرب و بلا

    کاش بشه بدم سلام، دوباره تو صحن و سرای شاه کرب و بلا

    سلام آقا سلام، منم عبد و غلام

    عوض نمی‌کنم تو رو با دنیا، نه

  •  دانلود نوحه عربی

    نوحه عربی نمشی مع الحجة ملا باسم کربلایی پیاده روی اربعین

    مداحی عربی نمشی مع الحجة با صدای ملا باسم کربلایی ویژه پیاده روی اربعین

    نوحه جدید حاج ملا باسم کربلایی برای اربعین 1402 ، نوحه مشایه ملا باسم کربلایی نماهنگ

     

     

    متن نوحه عربی نمشی مع الحجة

    نمشی مع الحجة، مع الحجة، مع الحجة
    نسعى الى حجه، الى حجه، الى حجه
    نمشی مع الحجة بسم الله نبدیها
    کعبة عشق عدنه نطوف و نحجج بیها
    بحرامنه الاسود کل اربعینیه
    حجتنه مقبولة بکل خطوة نمشیها

  •  مداحی استودیویی

    مداحی از کربلا جا موندم محمد اسداللهی ویژه جاماندگان پیاده روی اربعین

    مداحی استودیویی ای با وفا جاموندم از کربلا جاموندم با صدای محمد اسداللهی ویژه جاماندگان از پیاده روی اربعین حسینی

    نماهنگ جاموندم محمد اسداللهی اربعین

     

    متن نوحه از کربلا جا موندم

    ای با وفا جاموندم از کربلا جاموندم

    مثلا تو قبول کردی کوله بارم و هم بستم

    مثلا من الان تویِ راه کرب و بلا هستم

    مثلا رسیدم دارم زیارت نامه میخونم

    مثلا رو به ایوونِ حرمت زیر بارونم

  •  مداحی استودیویی

    مداحی چجوری بگم که دلم گرفته حاج سید مجید بنی فاطمه

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

    دانلود نماهنگ یه عاشق تو فراق همش جون میکنه سید مجید بنی فاطمه

     

     

    متن نوحه چه جوری بگم که دلم گرفته

    یه عاشق تو فراق همش جون میکنه
    چقدر مضطربم دلم شور میزنه

    نگی که باز قراره منم جا بمونم
    تو که غریبه نیستی من دیگه نمیتونم

    چجوری بگم که دلم گرفته
    رفیق دارم از بچگیش حرم نرفته

  •  مداحی استودیویی

    مداحی تموم دنیا مال تو کربلا مال من محمدحسین پویانفر و حاج حسین سیب سرخی

    نماهنگ زیبای مداحی استودیویی تموم دنیا مال تو کربلا مال من با صدای حاج حسین سیب سرخی و محمدحسین پویانفر ویژه پیاده روی اربعین

    نماهنگ مداحی اقبال من از حاج حسین سیب سرخی و محمد حسین پویانفر

     

     

    متن نوحه

    حدیث عشق تو دیوانه کرده عالم را

    به خون نشانده دل دودمان آدم را

    چه سریه تو اقبال من که اومدی به دنبال من

    تموم دنیا مال تو کربلا مال من

    چه سریه تو اقبال من که اومدی به دنبال من

    تموم دنیا مال تو کربلا مال من

    کربلا یا کربلا

  •  مداحی استودیویی

    مداحی دنیا هنوز به ما یه اربعین بدهکاره حسین حرم پیام کیانی

    مداحی استودیویی زیبای دنیا هنوز به ما یه اربعین بدهکاره حسین با صدای کربلایی پیام کیانی ویژه جاماندگان از پیاده روی اربعین

    نماهنگ حال و هوای حرم پیام کیانی - پیاده روی اربعین

     

    متن نوحه دنیا هنوز به ما یه اربعین بدهکاره حسین

    کم کم داره یادم میره حال و هوای حرمو
    پس کوچه های خلوت و نیمه شبای حرمو

    دیگه داره میره یادم بوی سیبو
    شیش گوشه آقای غریبو

  •  مداحی استودیویی

    مداحی من جا موندم ولی سلام میکنم من میدونم که این سلام میرسه محمدحسین پویانفر

    مداحی استودیویی من جا موندم ولی سلام میکنم من میدونم که این سلام میرسه با صدای محمد حسین پویانفر ویژه جاماندگان از پیاده روی اربعین

    نماهنگ سلام کربلا سلام اربعین ویژه جاماندگان اربعین - پویانفر - اربعین

     

     

    متن نوحه

    گریه برات به داد این چشمام میرسه
    پاهام حرم نمیرسه صدام میرسه

    من جا موندم ولی سلام میکنم
    من میدونم که این سلام میرسه

    سلام کربلا سلام اربعین
    سلام بهترین جاده رو زمین

  •  مداحی استودیویی

    مداحی استودیویی من دلم تنگ شده برات علی اکبر حائری

    نماهنگ مداحی استودیویی خوب دلم تنگ شده برات با صدای علی اکبر حائری ویژه پیاده روی اربعین 1402

    نماهنگ من دلم تنگ شده برات علی اکبر حائری

     

     

    متن نوحه من دلم تنگ شده برات

    خوب دلم تنگ شده برات

    علم بزنید به جای منم تو کربلا قدم بزنید

    نبودم اگه چفیمو گوشه گوشه حرم بزنید

    علم بزنید

  •  مداحی استودیویی

    مداحی استودیویی ابوعلی کربلایی حسن عطایی ویژه پیاده روی اربعین

    نماهنگ مداحی استودیویی ابوعلی با صدای کربلایی حسن عطایی ویژه پیاده روی اربعین حسینی 1402 

     

     

     

    متن مداحی ابوعلی

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

  •  مداحی استودیویی

    مداحی کم زنده ام با همین غم زنده ام علی پورکاوه

    مداحی استودیوییکم زنده ام با همین غم زنده ام با صدای کربلایی علی پورکاوه

    نماهنگ ویژه پیاده روی اربعین حسینی محرم 1402 هیئت الشهدا کرج

     

     

     

    متن کامل مداحی کم زنده ام با همین غم زنده ام

    اگه رومو نزنی زمین میام
    مگه من چند دفعه اربعین میام

    بذاره اگه امام رضا میام
    مگه من چند دفعه کربلا میام

    کم زنده ام با همین غم زنده ام
    مگه من چند تا محرم زنده ام

  • جواب بازی آمیرزا مرحله 400 تا 499

    جواب بازی آمیرزا مرحله 400 تا 499

    در این پست از سلسله مطالب جواب بازی آمیرزا، پاسخ و جواب های صحیح بازی آمیرزا از مرحله 400 تا 499 را تقدیم شما گرامیان می کنیم:

     

    جواب مرحله ۴۰۰ بازی آمیرزا

    قوس – ساق – قوی – آسیا – ساقی – آسان – سویا – ناقوس – ایوان – اقیانوس

    جواب مرحله ۴۰۱ بازی آمیرزا

    دکل – کبد – کند – کود – کدو – تند – بدل – نوبت – بلند – کندو – تنبک – تنبل – تولد – تونل – دولت – کدوتنبل

    جواب مرحله ۴۰۲ بازی آمیرزا

    سند – دیس – سود – چین – چای – سواد – سویا – دیوان – سودان – ساندویچ

  • جواب بازی آمیرزا مرحله 300 تا 399

    جواب بازی آمیرزا مرحله 300 تا 399

    ارائه پاسخ و جواب مراحل بازی آمیرزا، اینبار به ارائــه جــواب بازی آمیرزا از مرحله 300 تا 399 خواهیم پرداخت:

     

    جواب مرحله ۳۰۰ بازی آمیرزا

    زود – یزد – دوز – دوش – شیوه – شهید – دوشیزه

    جواب مرحله ۳۰۱ بازی آمیرزا

    کرم – کمد – نمک – کند – کبد – کمر – مرکب – مدرک – منبر – کربن – بندر – نبرد – کمربند

  • جواب بازی آمیرزا مرحله 200 تا 299

    جواب بازی آمیرزا مرحله 200 تا 299

    در این مطلب از سایت در بخش دسته بندی ارائه پاسخ بازی آمیرزا، به ارائه جواب بازی آمیرزا از مرحله 200 تا 299 می پردازیم.

     

    پاسخ مرحله ۲۰۰ بازی آمیرزا

    بوق – قول – قوا – قاب – قلب – لقب – قالب – قلاب – بالا – باقلوا

    پاسخ مرحله ۲۰۱ بازی آمیرزا

    شمع – دعا – معنا – معاد – عمان – دانش – مانع – دشمن – معدن – دشنام – شمعدان

  • جواب بازی آمیرزا مرحله ۱ تا ۱۹۹

    جواب بازی آمیرزا مرحله ۱ تا ۱۹۹

    ارائه پاسخ مراحل بازی آمیرزا، جواب بازی آمیرزا از مرحله 1 تا 199 به صورت کامل و رایگان

    کلمات اضافی در بازی آمیرزا سکه هایی به شما می دهند که می توانید از آن ها برای کشف کلمات جدید در مراحل سخت استفاده کنید ، شما با پیدا کردن هر 5 تا 20 کلمه اضافه برنده 20 سکه خواهید شد.

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

  • کد پیشواز چشم به راه گرشا رضایی همراه اول با پخش آنلاین

    کد آهنگ پیشواز اما تا لحظه ای مردن چشم به راه تو میمونم با صدای گرشا رضایی ارائه شده برای سرویس آوای انتظار همراه اول با پخش آنلاین و متن پیشواز  

    کد پیشواز همراه اول گرشا رضایی چشم به راه

    کد آوای انتظار همراه اول: 85439

     

     

    رفتی اما شده اسمت تنها حرف روی لبهام

    کاش میشد اینو بدونی بی تو اینجا خیلی تنهام

    رفتی و یاد تو مونده توی هر گوشه خونه

    هر کجا که پا میزارم داره از تو یه نشونه