Zen Eddin Allaham

الكود الذي ارسلته لي الخاص بتخزين المحلي توجد به اخطاء

كيف يمكنني حفظ البيانات في تخزين المحلي لقد حاولت كثيراً ولم يعمل معي import React,{useState,useRef,useEffect} from "react"; import './App.css'; function App(){ const [todos , setTodos] = useState([]); const inpRef = useRef() const handelButtonClick = () => { const text = inpRef.current.value; const newTodos = {complelted: false ,text} setTodos([...todos, newTodos]) inpRef.current.value = ''; } const handelItemClick = (i) => { const newItem = [...todos]; newItem[i].complelted = !newItem[i].complelted; setTodos(newItem) } const handelDeleteItem = (i) => { const newDelete = [...todos]; newDelete.splice(i,1) setTodos(newDelete) } return( <> <div className="App"> <h2>To Do List</h2> <ul> {todos.map(({text,complelted},i) => { return <div className="item"><li className={complelted ? "done" : ""} onClick={() => handelItemClick(i)}>{text}</li><span onClick={() => handelDeleteItem(i)}>❌</span></div> })} </ul> <input ref={inpRef} placeholder="Enter item..."/> <button onClick={handelButtonClick}>Add</button> </div> </> ) } export default App;

هل مازالت الشركات تستخدم DOM في سنة 2025 ام اصبح الامر قديم

اريد أمثلة أيضاً لهذه الدالة في مشاريع حقيقية وليس فقط الأمثلة التوضيحية لكي افهمها بشكل افضل

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

هل يمكنكم شرح لي هذا الكود بشكل واضح import React,{useRef, useState} from 'react'; import './App.css' function App() { const [todos , setTodos] = useState([]); const refInp = useRef(); const handelAddTodos = () => { const textInp = refInp.current.value; setTodos([...todos,textInp]) refInp.current.value = ""; } return ( <> <div className="App"> <h2>To Do List</h2> <ul> {todos.map((item) => { return <li>{item}</li> })} </ul> <input ref={refInp} placeholder='Enter item...'/> <button onClick={handelAddTodos}>Add</button> </div> </> ) } export default App;

ما الفرق بين var & let

ماهو current الخاص بالخطاف useRef وايضا ماهو الكائن ref

بصراحة محتار بأي مشروع رياكت ابدأ بتعلمه ك مبتدئ

ما الفرق بين الايقونات الخاصة بي font awesome و ايقونات رياكت

اذا هل اذا قمت بتدرب على مشاريع رياكت من يوتيوب ومع مرور عدت اشهر سأصبح قادر على بناء اي مشروع ام ماذا برايكم

ايضا مشكلتي اني لا يمكنني انشاء مشروع حتى اراه شرح له

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

لقد فعلت JavaScript في المتصفح وما زالت مشكلة موجودة

ماهي المشكلة

إذا من منهم الافضل

ما الفرق بين tailwind و Bootstrap

إذا هل تنصحوني أن اتعلمها فورا ام أنتظر لإتقان رياكت من أجل تجنب تشتيت

إذا MUI عبارة عن تنسيق CSS بشكل محسن اليس كذلك

ماهو MUI وفي ماذا نستخدمه مع رياكت

لقد ظهر هذا الخظأ ما المشكلة

<form action="https://formsubmit.co/hxfhfucicic@gmail.com" method="POST"> <input type="text" name="name" id="name" placeholder="Name" required> <input type="email" name="email" id="email" placeholder="Email" required> <textarea name="message" id="message" cols="30" rows="10" placeholder="Enter your request"></textarea> <button type="submit" class="btn">Send</button> </form> ما مشكلة formsubmit لقد اضفت الايميل الخاص بي في form وادخلت بيانات وظهر هذه الخطئ

هل يمكن حاليا أن اتدرب على DOM وأقوم بأنشاء مشاريع ومن ثم بعد احتراف DOM انتقل الى رياكت ام ماذا برايكم

هل يمكن تحقيق الصفحه الوحدة single page في HTML CSS دون استخدام أطر العمل

اريد في حجم شاشات الصغيرة الروابط تدخل داخل تلك الايقونة التي في الصورة ninja.zip