Zen Eddin Allaham

import React, { useEffect, useState } from 'react' import { AiOutlineMenu } from "react-icons/ai"; import { IoMdArrowDropdown } from "react-icons/io"; import { Link, useLocation } from 'react-router-dom'; import { PiSignInBold } from "react-icons/pi"; import { ImUserPlus } from "react-icons/im"; const NavLinks = [ {title:"Home" , link:"/"}, {title:"About" , link:"/about"}, {title:"Accessories" , link:"/accessories"}, {title:"Blog" , link:"/blog"}, {title:"Contact" , link:"/contact"}, ] const BottomHeader = () => { const location = useLocation(); const [categories , setCategories] = useState([]); const [isCategoryOpen , setIsCategoryOpen] = useState(false); useEffect(() => { fetch('https://dummyjson.com/products/categories') .then((res) => res.json()) .then((data) => setCategories(data)) },[]) console.log(isCategoryOpen) return ( <section className='bottom-header'> <div className="container"> <nav className="nav"> <div className="category-nav"> <div className="category-btn" onClick={() => setIsCategoryOpen(!isCategoryOpen)}> <AiOutlineMenu /> <p>Browse Category</p> <IoMdArrowDropdown /> </div> <div className={`category-navList ${isCategoryOpen ? 'active' : ''}`}> {categories.map((category) => ( <Link key={category.slug} to={category.slug}>{category.name}</Link> ))} </div> </div> <div className="nav-links"> {NavLinks.map((item) =>( <li key={item.link} className={location.pathname === item.link ? 'active' : ''}><Link to={item.link}>{item.title}</Link></li> ))} </div> </nav> <div className="sign-regs-icon"> <Link to="/"><PiSignInBold /></Link> <Link to="/"><ImUserPlus /></Link> </div> </div> </section> ) } export default BottomHeader; لقد استخدمت الخطاف useLocation بهذا الشكل هل يمكن توضيح ما الذي سيقوم به تبين لي انه سيظهر كلاس active

ماهو خطاف useLocation وايضا ماهو location و pathname

توجد لدي مشكلة محبطة صراحة والتي هي عندما اشاهد مشروع متقدم وكبير واحترافي اشعر بالضعف في مجال واحس نفسي اني ضعيف وابدا اقارن نفسي به ما الحل برايكم

اذاً ماهو ملف client.js

ماهو basename في react router ايضاً ماهو ملف client.js

توجد مشكلة في مشروع عند اضافة انميشن للموقع اصبح غير متجاوب مع شاشات الهاتف هل مشكلة من مكتبة انميشن ام يوجد خطأ في كود css doctor-product.zip

كيف يمكن رفع مشاريع على جيت هب

ماهو UX وماهي مكتبة prop-up

لا ليس صحيحاً انا متأكد انها كلمة السر صحيحة

انا مسجل دخول في موقع نيتليفاي لكن كل فترة يتم اخراجي من حساب وارجع اسجل مرة اخرة لكن هذه مرة مو راضي يسجل دخولي ما المشكلة

نجحت اصبح تعمل لكن عند تمرير لا تعمل فقط عند تحديث

لقد نزلت مكتبة AOS و استخدمتها كما في صورة لكن لم تعمل ما المشكلة

كيف يمكن تنزيل المكتبة في مشروع react حسناً قمت بتنزيل المكتبة لكن كيف يمكن استخدامها في مكونات رياكت

دخلت على اول موقع وظهر هذا كيف يمكن تنزيل المكتبة في مشروع react

لم افهم ماهي AOS

لقد انشأت مشروع بستخدام html css فقط واريد اضافة تفاعل بستخدام JS لكني لا اعرف ما اضيف ماهي الاضافات التي ممكن تحسن من المشروع هذا هو رابط مشروع https://shifa-hospital1.netlify.app/

انا عندي مشكلة و التي هي انا لست سريع في بناء مشاريع يعني مثلا موقع شخصي بورتفوليو لبناء هذا الموقع يأخذ من الوقت 6 ساعات هل هذا امر طبيعي

تم انهاء المشروع مارأيكم به هل يحتاج بعض الاضافات التي ممكن تجعله قوي اكثر https://bbqhause-resturant.netlify.app/

ظهرت مشكلة اخرة حيث عند ضغط على زر برجر تأتي العناصر بتنسيق grid-templare-columns: 1f 1fr بشكل عامودين لكن عند ضغط على اي ايقونة غير ايقونة برجر تأتي عناصر عامود واحد فقط وانا متاكد اني ضفت لهم تنسيقات ماهي المشكلة resturant (2).zip

صحيح لا توجد مشكلة لكن اصبح عرض شاشة هاتف نفس عرض شاشة الايباد ارفقت لك المشروع بعد رفعه لتفحص المشكلة ولكن افتح المشروع من خلال الهاتف https://stupendous-pasca-df7ab6.netlify.app/

لماذا الموقع اصبح هكذا في احجام شاشات الصغيرة resturant.zip

هل من جيد استخدام رياكت في المشاريع الصغيرة بدلاً من استخدام dom

اجل بالظبط ولاحظ في صورة التي ارفقتها بأن قسم about داخل قسم home ولا اريد ذلك اي يعني اريد قسم about خارج home

كيف تخلص من هذه المشكلة اريد قسم about خارج قسم Home resturant.zip

ما الفرق بين الدالة map و flatmap