ريأكت بالعربى - [components, state, props, handling events]

Рет қаралды 52,262

Күн бұрын

Пікірлер: 108

@anasabdo Жыл бұрын

[components, state, props, handling events] 0:57 مراجعه ايه اللي اخدناه المحاضرة اللي فاتت 1:39 components and props 4:46 function components VS class component 6:02 Welcome.js component 7:19 call component 8:19 props عبارة عن object empty 9:35 send props form child to parent 12:34 class componant 14:37 render method 16:42 Rendering a Component 16:58 pass props from calss component 17:38 props جت من فين في class component 20:40 ايه فايدة props ? 21:09 Product component 22:45 import product component in app.js 24:53 note : start Component with capital letter 25:58 دمج components 29:30 Extracting components : متقلقش انك تصغرها وتقسمها لاصغر حاجة 34:43 note : Props are Read-Only 35:30 what is pure function? 36:24 what is inpure function? 38:57 State and Lifecycle 39:37 يعني ايه State 40:24 enternal State 40:50 function component called stateless component but class component called state full component 45:13 Converting a function to a Class 47:53 lifecycle diagram 49:49 three phases of component 1:02:33 Using state correctly 1:03:38 handling state in function component 1:05:27 يعني ايه hook 1:06:12 useState() 1:09:27 counter++ 1:11:01 change name with setState 1:14:18 handling eventers 1:15:53 btn log('hello') 1:15:59 onClick with arrow function 1:18:22 mouse in 1:19:05 mouse leave 1:19:47 input component 1:21:10 onChange for inputs 1:21:43 event.target.value 1:26:19 Another difference is that you cannot return false 1:26:40 onsubmit & e.preventDefault(); 1:27:03 passing arguments to event handlers 1:30:05 bind ? 1:32:02 form example 1:32:40 make form with function component 1:35:13 sumbit problem 1:36:14 data useState 1:37:17 nameHandler 1:38:35 passwordHandler 1:39:12 gander handler 1:41:04 make form with class component 1:42:57 nameHandler method 1:44:55 مراجعة علي العناوين اللي تمت في المحاضرة 1:45:35 هناخد ايه في المحاضرة القادمة

@ahmedmahmoud2226 Жыл бұрын

افضل واحد بيشرح react حتي الان

@Hussein.... 5 ай бұрын

من ترشيحات الزيرو عاشت أيدك والله شرح كامل ومتكامل والله لم افهم react حتى شفت شرحك ❤❤❤❤❤❤

@basem_ahmed92 11 ай бұрын

جزاءك الله الف خير ............ ياباش مهندس افضل حتى من الاجانب

@mahmoudboghdady-mm3gx Жыл бұрын

بارك الله فيك انا شخصيا استفدت جدا من شرحك كنت محطة مهمة فى حياتى غيرت مسار تفكيرها ١٨٠ درجة قوتك مش فى شرحك المبسط كمان فى طريق التفكير والتعلم . مجهود هايل ومعلومات لا تقدر بثمن بارك الله فيك ربنا يجازيك خير

@platos4260 5 ай бұрын

وصلت فين ؟

@thclouds6528 5 ай бұрын

@@platos4260مش فاهم

@thclouds6528 5 ай бұрын

@@platos4260 مش فاهم

@omarabusnineh2002 Жыл бұрын

الف شكر ليك يا هندسة متابعك من الاردن

@MOHAMMEDFAWZYY Жыл бұрын

انا جاى من الفيو للرياكت الرياكت سهل فعلا من شرحك

@asmaaesmail5695 Жыл бұрын

كويس جدا ماشاء الله وافضل شي أن حضرتك بتشرح من الدوكمينتشن

@marzenalaaeddine Жыл бұрын

أحسن الله إليك وجعله في ميزان حسناتك، شرح مميز ما شاء الله وشامل لكل المفاهيم. جزاك الله خيرا.

@amrofathy2374 Жыл бұрын

أفضل محتوي عربي بيشرح ريأكت , الله يباركلك

@ahmedsalahabdullah2317 4 ай бұрын

بسم الله ما شاء الله ربنا يبارك في علمك

@rehammoh5765 Жыл бұрын

شكرا جزيلا على الجهد المبذول افضل محتوى يشرح react

@mjhfhvddikv 10 ай бұрын

كورس في غايه الرواعه ربنا يجزيك خير

@yousefmagdy4466 9 ай бұрын

انا ليه ف مثال الform اللي في الاخر استخدمت الstate hooks وال event handlers وانا اصلاً مستخدمتهمش ف حاجه! كان ممكن اطبع في الconsole ع طول من خلال الonSubmit اللي عندي في الform وخلاص، استفدت ايه؟

@mostafa_abogazia 4 ай бұрын

اللهم صلي على محمد وعلى اله وصحبه اجمعين

@ahmedragab9418 Жыл бұрын

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

@Roshdy2 Жыл бұрын

بارك الله فيك,شرحك مبسط وجميل وسهل جدا ❤

@عبداللهمحمودعبدالهاديفاضل Жыл бұрын

ما شاء الله شرحك جميل جدا ربنا يبارك فيك ويحشرك مع الصالحين والصديقين والشهداء

@scarecrow3179 Жыл бұрын

الشرح سلس وواضح ومميز جداً، الله يجزيك الخير

@MahmoudAhmed-jb2vz 2 жыл бұрын

بصراحة يا هندسة ربنا يبارك ويزيد من علمك ويجعله في مزان حسناتك يارب

@hossamhmiq8012 2 жыл бұрын

ما شاء الله تبارك الله مفيش اجمل من كده ربنا يبارك فيك

@تلاواتقرآنية-ك2ل 5 ай бұрын

ماشاء الله شرح ممتاز والله ربنا يكرمك

@ahmada5317 Жыл бұрын

فعلا ابداع ما شاء الله الله يجزيك الخير يارب ❤❤

@omarabusnineh2002 Жыл бұрын

الله يجزيك الف خير شرح عظييم جدا جدا

@Manarmohammed-t3h Жыл бұрын

ايه الشرح القمر ده ماشاء الله

@ahmedfarag9412 Жыл бұрын

ما شاء الله شرحك جميل ومبسط ربنا يباركلك ❤❤

@salehmohsen7836 Жыл бұрын

ربنا يجزيلك كل خير ان شاء الله يا بش مهندس

@ihssaneraja7684 Жыл бұрын

prince programing that's like a magic how to explain the cours thank you meaaaaan thank you keep going

@shabanelmogy7912 5 ай бұрын

ربنا يوفقك وفى انتظار Next Js

@marvii13 2 жыл бұрын

بارك الله فيك بياشمهندس .. شرح حضرتك جميل جدا

@محمدشعبان-غ3ث8ع 3 ай бұрын

محتوي جميل اللهم بارك عايزين شرح mongoDB ي باشمهندس ياريت ❤

@walaaali9669 5 ай бұрын

الشرح قمور خالص بجد❤❤❤❤

@TheProfessorMA Жыл бұрын

ممكن ب الطريقة ديه تختصر الكود بدل ما كل شوية تعمل حاجة وتعملها فانكشن مخصوصة function Form() { let [name, setName] = useState(""), [password, setPassword] = useState(""), [gender, setGender] = useState(""); let Handler = (set, value) => { set(value); }; return ( {e.preventDefault();console.log({ name, password, gender });}}> Name {Handler(setName, e.target.value);}}> Password {Handler(setPassword, e.target.value);}}> Gender {Handler(setGender, e.target.value);}}> Male Female ); }

@MhmoudAlnagdy Жыл бұрын

مبارك ال 20000 يبو ناصر 🥰🥰

@ahmedsalahabdullah2317 4 ай бұрын

جزاك الله خيراً

@ahmedsalahabdullah2317 4 ай бұрын

تسلم إيدك يا هندسة

@mostafa_abogazia 4 ай бұрын

اللهم صلي على سيدنا وحبيبنا ونبينا محمد صلى الله عليه وسلم

@mr-tawfiqueragab8264 11 ай бұрын

جزاك الله خيرا وبارك فيك 🌹🌹

@WessamAl-sasa 2 жыл бұрын

يعطيك العافية يا رب...تقريبا كم فيديو لح تكون الرياكت وقديش بدها زمن لينزلو كل الفيديوهات

@louayshhod2263 9 күн бұрын

شرح ممتاز جدا

@mohamedelshety5146 2 жыл бұрын

بارك الله شرح جميل ومفيد يا هندستنا ❤

@hassansaad2630 2 жыл бұрын

جزاك الله خيرا يا باشمهندس أحمد ممكن حضرتك تكتبلي ال extensions المساعدة في React زي auto import و رسالة التنبيه اللي ظهرت عند حضرتك عند كتابة شئ خطأ في جزء useState داخل class ولو في إضافات تانية . ولك جزيل الشكر

@codeZone 2 жыл бұрын

Error lens Auto import Horizon theme Fira code font React extension pack

@Alpha-V6 Жыл бұрын

هو انا عندى سؤال ي هندسة ال componentes كلها بستدعيها فى App.js ولا index.js ايه الفرق وأيهما أفضل

@solaymanmousa5083 Жыл бұрын

بارك الله فيك .. استفدت كتير

@mohameded54 Жыл бұрын

شرح أكثر من رائع

@mostafa_abogazia 4 ай бұрын

افضل شرح

@mohameddawood9253 Жыл бұрын

ممكن اسم الاكستنشن الي بتقرا الكود بيعمل اي و استخدمت الكود ولا لا زي مثلا welcome is defined but never used

@IbrahemMohamed-fx8po 5 ай бұрын

ممكن ال extensions اللي تستخدمها في vsc

@ليثمبرمج Жыл бұрын

هل احمل رياكت في كل مشروع جديد؟ مافيه طريقة لتحميل المكتبة مرة واحدة وفيما بعد اعمل لها تهيئة في اي مشروع جديد؟

@AbdallahSamir-x4w 8 ай бұрын

You can copy the react project files from old one and use it each new project. but there is one problem that the dependencies will not be the latest and will be tied with the copied version.

@aymenbachiri-yh2hd Жыл бұрын

بارك الله فيك

@yousaf891elsayed 4 ай бұрын

فين الجروب الاقدر اجيب منو التكليف ازا سمحت يا بشمهندس

@Omar-Farhat 3 ай бұрын

كل الشكر

@OmarMagdy_1010 Жыл бұрын

ممكن اعرف ليه لما عملنا console.log.(this.props) اطبعت مرتين في ال console ??

@achrefnabil2463 2 жыл бұрын

شكرا يا هندسة هو هيكون كم ساعة الكورس

@playgames-tg2gt Жыл бұрын

جزاك الله خير

@MahmoudAbdullahAnani 2 жыл бұрын

يا سلاااااام انما شرح جامد وربي

@alanbarznji6608 Жыл бұрын

العفو بس اكو تطبيقات عليها

@abbeed1 Жыл бұрын

الله يجزيك الخير

@kourdroid 3 ай бұрын

ننتضر next js

@salmafathy1784 2 жыл бұрын

طيب من فضلك انا كل ما باجي أكريت فايل الريأكت بيطلعلي اكتر من ايرور وجربت npx & npm .. اعمل ايه ؟

@A.Dalton Жыл бұрын

الله يباركلك يا هندسه ❤

@anasabdo Жыл бұрын

طب مافيش تاسك علينا نجرب فيه كده ؟

@abdulrhmanalseadsulman9203 2 жыл бұрын

الله يعطيك العافية شرح ممتاز سؤال بالدقيقة 44 ذكرت انك مستخدم بلغن بتعطيك شرح الخطأ ما هو اسم البلغن؟

@codeZone 2 жыл бұрын

الله يكرمك ويبارك فيك تسلم يارب plugin name: error lens

@نورالهدى-ذ8ق8ت Жыл бұрын

شكرا جدا ليك هو ازاى اقدر اتواصل معاك

@MohamedMahmoud-qs4gk Жыл бұрын

عالمي يا هندسه والله اللهم بارك 😍😍😍

@programminglanguage2806 Жыл бұрын

انت جامد ياهندسه

@injectsploit Жыл бұрын

السلام عليكم اخي شرحك ممتاز ولكن لو سمحت تعطيني اسم vs code theme ولك جزيل الشكر .

@codeZone Жыл бұрын

Horizon theme

@hagarmaeza5218 2 жыл бұрын

حضرتك قولت في الفيديو اننا ممكن نختصر ال functions ونعملهم ك function واحده ..... ازاي اقدر اعمل ده؟

@OmarAshrafBombo 2 жыл бұрын

ممكن تعملي function واحدة بس تشتغل لما تدوسي علي ال submit button و الfunction دي بتغير كل ال states اللي عندك مع بعض 👍🏼👍🏼

@محمدمحمد-ش6خ2و 2 жыл бұрын

حضرتك التاسكات بتزل فين

@Ismail_AlFa9ir3anTa3rif 4 ай бұрын

1:10:00 المفروض تكون counter++

@mohameddiab8242 2 жыл бұрын

ربنا يزيدك ويحفظك

@ahmedhussien4120 Жыл бұрын

can u send me tasks of this course ?

@mostafakheder7721 2 жыл бұрын

ما شاء الله تبارك الله 💐💖

@Rachid73 8 ай бұрын

Good job

@MustaphaSabri-jw6ds 5 ай бұрын

👏👏

@MhmoudAlnagdy Жыл бұрын

بسم الله

@ameenabualnasser7901 2 жыл бұрын

فنان يسطااااا

@worldoflanguages1043 2 жыл бұрын

الفيديو الجايي امتن حتنزلو؟

@codeZone 2 жыл бұрын

الفيديو الجاى نزل خلاص الفيديوهات بتنزل اتنين وخميس ان شاء الله

@adryanmetr345 2 жыл бұрын

ليش اتحذف الفيديو يا صديقي

@codeZone 2 жыл бұрын

بيتعمله process كمان ربع ساعة بالزبط وهايكون available

@AMRMOSTAFA-n6v 2 жыл бұрын

مشاء الله 🥰

@احمد-ظ7ع6خ Жыл бұрын

وين التاسك

@aminebouzaid5971 Жыл бұрын

❤❤🎉

@saadAhmed-co1si 2 жыл бұрын

ليه استخدمنا useState علشان لو عايز اعمل اكتر من State!!!!!!!!

@codeZone 2 жыл бұрын

ممكن يكون عندك state بانواع بيانات مختلفة يعنى مثلا عايز تخزن الداتا اللى هاتكون فى انبوت معين فممكن تعملها state عبارة عن string ممكن يكون عندك منتجات ف دى هايكون ليها state عبارة عن array فانتا عندك امكانية استخدام اكتر من useState على حسب احتياجك

@codeZone 2 жыл бұрын

شوف الفيديو الاخير اللى شرحت فيه useState بالتفصيل

@saadAhmed-co1si 2 жыл бұрын

شكرا فهمت الفرق شرحك روعه

@saadAhmed-co1si 2 жыл бұрын

@@codeZone ضن