مساعدة في مشروع

يوجد لديك الكثير من المشاكل في التنسيقات حيث لم تقم بجعل الموقع والتصميم متجاوب.

حيث المشكلة في قسم top-section حيث ال city و ال date يأخذان مساحات كبيرة والتي تظهر تلك المشكلة.

في ملف src\index.css في قسم section في سطر 16 يجب وضع الخاصية justify-content: center; ويحب حذف سطر 33 وبعد سطر 86 يجب وضع الكود التالي :

section .top-section{
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }

وهذا هو الملف بعد تعديل التنسيقات لك .

إذا لاحظت أى تغير في التنسيقات يمكنك تعديلها لتنساب حجم الشاشات لكل عنصر.

index.css

لم افهم لماذا حذف سطر 33 هو عبارة عن حواف للكونتينر

  border: 1px solid #d7d7d74e;

بتاريخ 4 دقائق مضت قال Hxfhf Ucicic:

لم افهم لماذا حذف سطر 33 هو عبارة عن حواف للكونتينر

  border: 1px solid #d7d7d74e;

 

 

الأسطر الذي أخبرك بها هي الأسطر الأصلية للملف . إذا حذفت أو عدلت سطر ستختلف .

ما أخبرتك بحذفه هو السطر الخاص بال marign حيث إستخدمنا الخاصية justify-content: center وهكذا سيتم توسيط العنصر ولهذا لا نحتاج إلى أى margin .

يرجى إستخدام الملف الذي أرفقته لك مباشرة .

بصراحة اواجه بعض الصعوبات في  بناء تطبيق اوقات صلاة في ريأكت هل هذا امر طبيعي 

بتاريخ 7 دقائق مضت قال Hxfhf Ucicic:

بصراحة اواجه بعض الصعوبات في  بناء تطبيق اوقات صلاة في ريأكت هل هذا امر طبيعي 

نعم الأمر طبيعي للغاية فما زلت أنت في بدايات التعلم ومسارك المهني لهذا ستواجه الكثير من المشاكل.

ولكن يجب عليك أن تتعلم من المشاكل التي تظهر لك وأخطائك . حيث يجب أن تعرف ما هو سبب المشكلة وما الحل لها وهكذا إذا واجهتك تلك المشكلة مرة أخرى تستطيع حلها أو تتجنب الوقوع فيها مجددا.

وإذا كانت المشاكل في التنسيق والتصميم فإذا هنا المشكلة لديك في الأساسيات حيث يحب أن تكون ملم بشكل كبير بها لتستطيع الوصول لسبب المشكلة وحلها .

ما الفرق بين js & jsx في المشاريع 

بتاريخ 3 ساعة قال Hxfhf Ucicic:

ما الفرق بين js & jsx في المشاريع 

js هي صيغة ملفات جافاسكريبت كما تعلم، بالتالي نستخدمها لكتابة أكواد جافاسكريبت فقط، بينما jsx هي صيغة خاصة بمكتبة React، حيث يتم الدمج بين كود جافاسكريبت وكود HTML أيضًا كالتالي:

import React from 'react';

function Welcome() {
  const name = "علي";
  return <h1>مرحبًا {name}</h1>;
}

export default Welcome;

لاحظ ملف JSX يحتوي على عنصر <h1> مع تعبير JavaScript داخل الأقواس {} وذلك هو الـ syntax الخاص بملفات jsx في React.

وما سبق هو الأفضل والمنطقي، لكن تستطيع استخدام أي صيغة تريدها في مشاريع React أي تستطيع كتابة JSX في ملفات .js وسيعمل بشكل جيد بفضل Babel الذي يعمل على تحويل الكود، وذلك عند إنشاء المشروع من خلال react-scripts.

أما من خلال vite فيجب استخدام jsx لمكونات React وإلا سيحدث خطأ.