113 : Using Redux for Subtraction — Transcript
Full transcript
- 0:00السلام عليكم حياكم الله بالدرس ال 113 من
- 0:03سلسله دروس رياكت جي اس في الدرس السابق
- 0:05بدينا بالتعامل مع ريدكس باستخدام احد
- 0:08مشاريع رياكت واضفنا على موضوع المنطق
- 0:11البرمجي الخاص بعمليه الجمع بهذا الدرس
- 0:14راح نراجع الخطوات اللي نحنا لازم نسويها
- 0:17بحيث انه نطبقها كذلك على منطق برمجي اخر
- 0:21اللي هو المخصص لعمليه الطرح فخلينا نمشي
- 0:24على ها الخطوات طبعا اكثر شيء راح ياخذ
- 0:27منك وقت في ريدكس هو السيت اب الاول وولي
- 0:30انك تبني الستور وتبني اول ريديوسر عندك
- 0:33وتبني الستيت الخاصه فيه والاشياء الاخرى
- 0:36المتعلقه بهذا السيت اب بمجرد ما تنتهي من
- 0:38هذا السيت اب الاولي الاشياء اللاحقه او
- 0:41الرديوسر اللاحقه اللي راح تضيفها غالبا
- 0:44راح تاخذ وقت اقل بكثير وراح تكون كميه
- 0:47الاخطاء اللي ممكن تنتج منها كذلك اقل
- 0:50بكثير لانك خلاص سويت السيت اب الاساسي
- 0:53اللي ممكن تشوف من خلاله الكود اللي سويته
- 0:55سابقا واما تكرره او تحاكيه على حسب
- 0:58الحاله الموجوده عندك وبالتالي نحنا اللي
- 1:00سويناه في الدرس السابق هو الخاص بعمليه
- 1:04الجمع وبناء عليها صرنا اللي نسويه انه
- 1:07لما يتم الضغط على زر الجمع راح يروح
- 1:10يستدعي الفانكشن او الافنت هاندلر اللي
- 1:12اسمه هاندل سم كليك وبناء عليه راح يسوي
- 1:15ديسباتش بحيث انه يرسل هذا الاكشن كجزء من
- 1:19هذا الديسباتش ويتلقى الرديوسر الموجود في
- 1:21الكالك سلايس الان انا بدي اطبق نفس الشيء
- 1:25بالنسبه للسبك شن وبالتالي راح اروح عند
- 1:29الف ش او الافنت هاندلر اللي اسمه هاندل
- 1:32سب كليك اللي هو الخاص بعمليه الطرح وبدل
- 1:35ما اصير اسوي عمليه الطرح مباشره اللي بدي
- 1:38اسويه اني بدي اعتمد على الديسباتش وبدي
- 1:41اعتمد على الرديوسر الموجود في الستور
- 1:43وبالتالي كيف ممكن نبدا احد الافكار اللي
- 1:46ممكن تتوقعها في البدايه هو اني انا محتاج
- 1:49اني اسوي سلايس ثاني والسلايف الثاني هذا
- 1:52راح يكون في اله ريديوسر ثانيين وراح يكون
- 1:55له انشال ستيت ثانيه الى اخره لكن تذكر
- 1:58ترى عمليه جمع وعمليه الطرح وعمليه الضرب
- 2:02وعمليه القسمه كلها عم تجري على متغير
- 2:05واحد او على ستيت واحده اللي هي عباره عن
- 2:08الزلت الموجوده في الكالك سلايس بناء على
- 2:11ذلك تحكمي ترى كله راح يكون على ها الرزل
- 2:14وبحكم انه تحكمي كله على ها الرزل فانا
- 2:17محتاج اني استخدم نفس السلايس تماما متى
- 2:20بسوي سلايس جديد لما بيكون عندي فيتشر
- 2:23اخرى مستقله ما لها علاقه بعمليات الجمع
- 2:26مثل اني اجيب بيانات معينه او اجيب الت
- 2:28دوز واعدل عليها ها فيتشر مستقله راح اسوي
- 2:31لها سلايس مستقل لكن بهاي الحاله لا انا
- 2:34راح اعتمد على نفس السلايس اللي حددته
- 2:37للكالو وما حددته للاد او لشي محدد جدا
- 2:41وبناء عليه هو اللي راح اعتمد عليه في
- 2:44بناء المنطق البرمجي الخاص بعمليه الطرح
- 2:47لذلك اول شي راح اسويه اني راح استخدم هذا
- 2:50السلايس الشيء الاخر انا محتاج اني اضيف
- 2:54اكشن هذا الاكشن مخصص لعمليه الطرح مثل ما
- 2:58سويت واحد مخصص لعمليه الج جمع وبناء على
- 3:01هذا الاكشن اللي راح اسميه مثلا سبتك راح
- 3:04احدد ايش هو الرديوسر اللي راح يقابله
- 3:07وبناء عليه راح يروح يسويلي عمليه الطرح
- 3:10لذلك انا راح ابدا من هون من نفس السلايس
- 3:12راح امسح البرنت هلو الموجوده عندي هون
- 3:16واللي راح اسويه اني راح اجي واكتب الاكشن
- 3:19الجديد اللي راح يكون اسمه سبتك انا وين
- 3:22عم عرف هذا الاكشن عم عرفه بداخل الرديوسر
- 3:26اللي هو عباره عن كي انا بستدعي من
- 3:28الاوبجكت اللي هو عباره عن بارامتر للفنش
- 3:31اللي اسمها كريت سلايس اللي بتطلع لي هذا
- 3:34السلايس اللي فيه الاكشن واللي في الانش
- 3:37ستيت واللي في الرديوسر اللي عم اسوي له
- 3:39اكسبورت
- 3:41كديفار السب تراكت ها راح يكون عندها
- 3:43فانكشن مره ثانيه ها الفانكشن لها الكرنت
- 3:46ستيت وممكن تسميها بالاسم اللي بدك اياه و
- 3:49مجرد بارامتر وكذلك راح تستقبل الاكشن
- 3:52واللي راح يصير فيها هو كالتالي مره ثانيه
- 3:56انا متوقع انه من خلال هذا الاكشن لازم
- 3:58يعطيني الرقم الاول الرقم الثاني وبناء
- 4:01عليه راح اطرح من بعض لذلك انا ممكن اعرف
- 4:04متغير راح اسميه كذلك بالزل او ممكن اني
- 4:09ارجع النتيجه مباشره بحيث اني اغير الكي
- 4:12اللي اسمه ريزلت تبع الكرنت ستيت فاقول له
- 4:15روح لي مباشره عند الكرنت ستيت وتحديدا
- 4:18عند الزلت الموجوده عندي واللي راح اسويه
- 4:21انها راح تساوي التعبير التالي ايش هو
- 4:24التعبير هذا روح جيب لي الفيرست نمبر
- 4:27والسكند نمبر هذول من وين بدي اجيب
- 4:30بدي اجيبهم من الاكشن دود فانا ممكن اقوله
- 4:33اكشن نمبر او ممكن استخدم الطريقه
- 4:37المختصره الخاصه بالدي سكشين لذلك انا
- 4:40ممكن اجي اقول لله كونست الفيرست نمبر
- 4:43وكذلك السكند نمبر حطيتهم بين كيرلي براكت
- 4:46عشان استخرج من مين من الاكشن دوت بيلود
- 4:51في كثير احيان راح تنسى انت كلمه البود
- 4:53انا متاكد لذلك تذكر وكون حريص على انك
- 4:57تضيف البايلود الى الاكشن لانه ها الشغلات
- 4:59راح يتم اضافتها الى البايلود وليس الى
- 5:02الاكشن مباشره فانا استخرجت الفيرست نمبر
- 5:04والسكند نمبر وبعدين رحت على الكرنت ستيت
- 5:07الموجوده عندي اللي انا تلقيتها كفيست
- 5:09بارامتر بهذا الرديوسر اللي هو يقابل
- 5:13الاكشن اللي اسمه سب تراكت وبناء على ذلك
- 5:17راح اجي يقول لله الفيرست نمبر ناقص
- 5:20السكند نمبر الناتج من ها العمليه
- 5:22الحسابيه هو اللي راح يتم اسناده كقيمه
- 5:25للزل الموجوده هون وبحكم ان الزلت ها راح
- 5:29تغير فاي شيء مرتبط او مشترك بالتغييرات
- 5:33اللي بتصير على ها الستيت راح يتغير او
- 5:36يصير له رندر والاب هون احنا بنعرف من
- 5:38خلال اليوز سلكتور الموجود هون هو مرتبط
- 5:42بها الزلت من خلال تحديد الكالك دوت ريزلت
- 5:45تبع ها الاستيت الكبيره الموجوده في
- 5:47الستور فنتي لذلك الزلت ستيت الموجوده هون
- 5:50والمرتبطه بهذا الكومبوننت عم تتغير نتيجه
- 5:53لعمليه الطرح ولانها تغيرت فراح يصير رندر
- 5:57للست مره ثانيه خليني تتاكد اذا الشغل
- 6:00اللي سويته صحيح ولا لا راح اسوي سيف
- 6:02وارجع مره ثانيه اشوف النتيجه عندي راح
- 6:05احط الرقم الاول مثلا 50 والرقم الثاني
- 6:08راح اخليه 20 بعدين راح اضغط على سب تراكت
- 6:11لاحظ انه ما غير لي شيء موجود عندي والسبب
- 6:15انه انا فعلا رحت وعرفت السبترامين بس ما
- 6:19قلت له والله انه المنطق البرمجي تبع زر
- 6:21الطرح راح يروح ويرسل لي ديسباتش وهذا
- 6:24الديسباتش راح يرسل لي
- 6:27سبراكي بدل ما اني اعالج المنطقه بالطريقه
- 6:30السابقه اروح اشيل هذا الكود وبعدين راح
- 6:33استخدم الفانكشن اللي اسمها ديسباتش
- 6:35الديسباتش راح ترسل لي اكشن والاكشن هذا
- 6:38انا لازم استورده عشان اقدر ارسله فانا
- 6:41هون استوردت الاد واستوردت البرنت هلو بس
- 6:44انا خلاص ما عاد عندي برنت هلو فالان بدي
- 6:46استورد شيء اخر ايش اسمه ما بدر احدد اسمه
- 6:49كوني فاتح الكيرلي براكتس لحتى اعرفه في
- 6:52الكالك سلايس فانا معرفه على انه سب تراكت
- 6:55بس ما عم سويله اصلا اكسبورت لذلك المفروض
- 6:57اجي عند هذا المكان و مثل ما عم تسويلي
- 7:00اكسبورت او تصدير للاد سويلي كذلك اكسبورت
- 7:03للسب تراكت بهذا الشكل فالان ممكن اروح
- 7:07عند الابدو جي اس واجي استخرج ها السب
- 7:10تراكت وبناء عليه لما اجي اسوي ديسباتش
- 7:12ممكن الان اني ارسل السب تراكت اتاكد انك
- 7:16ترسل النوع الصحيح لانه بناء على نوع
- 7:18الاكشن اللي عم ترسله راح يحدد لك اي
- 7:20ريديوسر من هدول هو اللي راح يتم استخدامه
- 7:23وبالتالي انا راح ارسل السبتك وبداخله
- 7:26لازم اعرف ايش هي البارامتر او المعلومات
- 7:30الاضافيه اللي بيحتاجها هذا الرديوسر عشان
- 7:33يسويلي العمليه الحسابيه اللي هو الفيرست
- 7:35نمبر والسكند نمبر اللي عم يستخرج من
- 7:37الباود فانتبه كذلك من اسماء ها الكيز
- 7:39لانها مهمه جدا تكون نفس الاسماء اللي عم
- 7:42ترسلها ككي بداخل الاوبجكت تبع الفانكشن
- 7:46اللي اسمها سبتك فانا بعد ما حددت السبتك
- 7:48ممكن احط بداخلها هذا الاوبجكت واقوله ان
- 7:51الفيرست نمبر هذا راح يكون عباره عن
- 7:54الفيرست نمبر انبوت اللي هي عباره عن
- 7:56الستيت المرتبطه بالفيرست نمبر والسكند
- 8:00نمبر راح يكون عباره عن السكند نمبر انبوت
- 8:03وبالتالي هون راح احدد السكند نمبر انبوت
- 8:06حسوي سيف وارجع مره ثانيه اجرب راح احط
- 8:09هون مثلا 100 بعدين راح احط 30 بعدين راح
- 8:12اسوي سب تراكت لاحظ انه فعلا طلع لي 70
- 8:15وبالتالي بنفس الطريقه اللي انا طبقت فيها
- 8:18فكره الاد بحيث انها تتم من خلال ريدكس
- 8:21انا رحت وطبقتها من خلال السب تراكت بحيث
- 8:24انها كذلك تتم من خلال ريدكس طبيعي جدا ان
- 8:28المقطع الاول راح ياخذ جزء كبير جدا من
- 8:31الوقت لكن بعد ما يصير اليت اب جاهز عندك
- 8:34فطبيعي جدا لما تضيف اي شيء اضافي ما راح
- 8:37ياخذ بنفس القدر من الوقت لانه فعليا هو
- 8:40عباره عن مجرد اكشن جديد يقابله ريديوسر
- 8:44جديد وترى حتى لو احتجت اني اسوي سلايس
- 8:47جديد لفيتشر مستقله كذلك راح يكون الستور
- 8:50موجود عندي وجاهز ومن الاساس في عندي
- 8:53بروفايدر موجود في الاندكس د جي اس عم
- 8:55يوفر لي اياه فهي الخطوات كلها ما راح
- 8:57اعيدها هي بتسويها في المره الاولى في سست
- 8:59اب ومع ذلك تبقى خطوات طويله وصعب انك
- 9:02تتذكرها لذلك دائما وابدا خلي هي المقاله
- 9:05الموجوده دائما مرجع بالنسبه الك كل مره
- 9:09تحتاج فيها انك تسوي فيها ربط مع ريدكس
- 9:13وبالتالي هي هي الطريقه اللي بنسوي فيها
- 9:15السب تراكت بالدرس الجاي راح نرجع مره
- 9:18ثانيه ونمشي على الخطوات واحده ورا
- 9:21الثانيه بناء على مقارنتها مع الشرح
- 9:24النظري اللي نحنا تكلمنا عليه في بدايه
- 9:26هذا السكشن اتمنى ان شاء الله انه كان
- 9:28الشرح واضح نشوفكم ان شاء الله بالدرس
- 9:30الجاي
About this transcript
This page contains the full transcript of 113 : Using Redux for Subtraction by أكاديمية ترميز, generated from the public captions YouTube serves with the video. The transcript has 1,408 words across 193 segments, with the original timestamps preserved so you can click any line to jump to that moment in the embedded player.
What you can do with it
Use the transcript to take notes, quote the speaker, build a study guide, generate a summary with ChatGPT or Claude via the YouTube Summary tool, or export it as a timed subtitle file with YouTube to SRT. You can also re-open it in the transcriber to choose a caption track available on the video.
Free YouTube transcript tool
YouTube2Text is a free YouTube transcript generator — no signup, no daily limit. Paste any YouTube link and get the full transcript instantly, with timestamps, click-to-jump, caption language selection, AI prompts for ChatGPT, Claude, and Gemini, and exports to TXT, SRT, VTT, or Markdown.