YT YouTube2Text

YouTube2Text → Transcripts → 54 : Dynamic Routes

54 : Dynamic Routes — Transcript

by أكاديمية ترميز · 3,132 words · 413 segments · language en · Watch on YouTube

Open in transcriber Summarize with AI Download SRT/VTT

Full transcript

0:00السلام عليكم حياكم الله بالدرس ال 54 من
0:02سلسله دروس رياكت جي اس في الدرس السابق
0:05بدينا
0:11بالرياكشن بنحتاج فيها انه نخلي جزء من
0:16الرابط يكون دايناميك وراح اوضح لك ايش
0:18المقصود بهذا الكلام لكن في البدايه عشان
0:21يكون المثال مكتمل فانا بدي اعتمد على ها
0:24الصفحه الخاصه بالبوست طبعا اذا بتتذكر
0:27نتيجه لهذا اللينك انا لو رحت على ها
0:29الصفحه غط على البوست راح يطلع لي ها
0:31البوستات الموجوده عندي هون لكن ها
0:34البوستات انا عم اطلعها فعليا بطريقه هارد
0:36كودد اني عم اكتبهم بشكل مباشر فلو رحت
0:39على البوست ليست كومبونت لاحظ اني حطيت
0:41البوستات بهاي الطريقه وعاده مو هذا هو
0:44شكل البيانات اللي راح يكون عندك انت عاده
0:46راح يكون عندك اراي اوف اوبجكت بحيث انه
0:50كل اوبجكت يمثل لك البوست بالتفاصيل
0:53الخاصه فيه سواء البوست تايتل او حتى
0:55البدي الخاص فيه او حتى الاي دي تبع هذا
0:58البوست وبالتالي عشان يكون المثال واضح
1:01خليني اسوي ها الاريه او ها المصفوفه من
1:04البوستات انا ممكن اني اسويها بشكل مباشر
1:06في البوست ليست ممكن اني افصلها في ملف
1:09مستقل بس خليني اسويها في البوست ليست
1:12بنفس الملف لذلك راح اجي واعرف مصفوفه راح
1:15اقول له ليت بوست وهي راح تحتوي على كل
1:18البوستات اللي راح تكون موجوده عندي كل
1:20بوست هو عباره عن اوبجكت هذا الاوبجكت
1:23بيحتوي على اي دي فراح اعطيه الا دي واحد
1:25في البدايه للبوست الاول وبعدين راح يكون
1:28عنده مثلا التايتل وهذا التايتل راح اقول
1:30له هلو ورد مثلا للبوست الاول وبعدين راح
1:34يكون عنده البدي وبداخل هذا البدي ممكن
1:37اكتب اي كلام ولو بشكل عشوائي فهذا هو
1:40البوست الاول الموجود عندي هون ونحنا مثل
1:43ما شفنا سابقا انه عاده بيكون عندك اراي
1:47من الداتا سورس او مصدر البيانات اللي راح
1:50تعتمد عليه ومن خلالها بتروح بتسوي ماب
1:54عشان تطلع مصفوفه ثانيه تحتوي على نفس
1:57البيانات لكنها تكون معباه في داخل الجي
2:00اس اكس وهذا الشيء اللي راح يشتغل عليه
2:03الان بس قبلها خليني احط مثلا بوستين
2:06زياده لذلك راح اسوي نسخ لهذا الشيء مرتين
2:09وراح اعدل البيانات الخاصه بالبوست الثاني
2:12وكذلك الخاصه بالبوست الثالث الان انا
2:15بصفحه البوست ليست اللي بدي اطلعه هو فقط
2:18عنوان البوست بعدين لما اضغط على بوست
2:20معين بدي ارح انقله الى صفحه اخرى ممكن
2:23اسميها باسم البوست ديتيلز هي اللي بتحتوي
2:26على بيانات البوست كامله اللي هي عباره عن
2:29التايتل اضافه الى البدي اللي هي التفاصيل
2:32التفصيليه الداخليه تبع هذا البوست بس
2:34قبلها مثل ما ذكرنا انا محتاج اني اسوي
2:37مابينج لهي البوست لذلك انا ممكن اجي هون
2:40في داخل الفانكشن تبع البوست ليست واقول
2:43له ليت بوست ليست كمصفاة
2:59ما ذكرنا لذلك باختصار انا راح اقول له
3:01ريتيرن وبعدين بداخل هذا الريتين راح احط
3:04ديف وبداخل هذا الديف راح احط الاتش 1
3:07وبعدين راح اقول له حط لي هون البوست دوت
3:10تايتل بهذا الشكل فهي المصفوفه راح تتعبى
3:13عندي بالبوست ليست وبالتالي في هذا المكان
3:17انا بقدر اجي اقول له بدل ما اني احط كل
3:19ها الشغلات انا بدي احط البوست ليست فراح
3:22اجي استخدم ها الاقواس واقول له حط لي
3:24البوست ليست فلو سويت سيف الان ورجعت مره
3:26ثانيه لاحظ انه راح يطلع لي هذا الخطا
3:28والسبب اني انا حط البوس ليست بشكل مباشر
3:32المفروض انها تكون بداخل ديف اصلا لانه
3:34هذا عم يرجع لي مجموعه من الفز وما في روت
3:38ديف واحد وهذا الشيء اللي لازم يكون فانا
3:40لازم احطهم بداخل ديف او احطهم بداخل
3:43فراجمنت لذلك راح يجي احط ها الاقواس
3:45العاديه وبعدين راح افتح اقواس الفراج
3:47مننت وراح اسكرها بعد ما احط ها الليست
3:50تبع البوستات وراح اسكر القوس الخاص
3:52بالريت بحيث انه يطلع عندي بهذا الشكل حتى
3:55اذا كان سطر واحد يمكن ماك محتاج انك تحط
3:58الاقواس فلو رجعت الان راح يطلع لي اياهم
4:00بهذا الشكل لاحظ كيف مطلع لي اياهم راح
4:02اسوي ريفريش الان لاحظ انه ظاهره معي
4:06البوستات بس عم يقول لي الخطا اللي
4:08المفروض انك بتعرفه الان اللي هو عم يقول
4:10ا شايلد لست د هاف يونيك كي بروب وبالتالي
4:14انا المفروض احدد اليونيك كي لكل عنصر من
4:17عناصر الليست الموجوده عندي وهذا بيتم عن
4:19طريق اني اجي عند الخاصيه اللي بسميها كي
4:22وبقول له هي خذ لي اياها من البوست دوت اي
4:25دي فلو سويت سيف ورجعت مره ثانيه راح
4:28تلاحظ انه كل شيء ضبط معك بدون اي مشاكل
4:30والخطا راح يختفي لو سويت ريفريش طيب
4:33ممتاز الان هذا بس عشان اجهز المثال اللي
4:36انا بدي اوضح لك اياه اللي بدي اسويه انه
4:39كل بوست او كل عنوان بوست راح يكون
4:41بالنسبه لي عباره عن زر او ممكن بلغه
4:44الرياكت راوتر نسميه عباره عن لينك اذا
4:48ضغطت عليه راح يحولني الى صفحه تفاصيل
4:51البوست لذلك اول شيء انا بدي احوله الى
4:54شكل زر بشكل سريع فانا ممكن اجي عند هذا
4:56الديف على سبيل المثال واعطيه ستايل معين
4:58راح اقول له ان هذا الستايل راح يكون له
5:01كالتالي الباك جراوند راح تكون مثلا
5:04باللون البرتقالي وبعدين راح يكون عننا
5:06شويه بادينج هذا الباد راح يكون مثلا 20
5:09بكسلز لو سويت سيف ورجعت مره ثانيه لاحظ
5:12كيف مطلع لي اياهم بهذا الشكل فانا ممكن
5:14اسوي مارجن كذلك لذلك راح اقول له مارجن
5:18توب هذا راح يكون 10 بكسلز راح اسوي سيف
5:22وارجع مره ثانيه لاحظ انه ها هي البوستات
5:24الموجوده عندي هون كل واحد منهم راح يكون
5:27عباره عن بوست قابل للضغط بحيث اني لو
5:30ضغطت عليه يروح يوديني الى الصفحه المخصصه
5:33لهذا البوست طيب السؤال الان كيف بسوي
5:36الصفحه المخصصه اللي بتعرض لي تفاصيل
5:38البوست انا عندي ثلاث بوستات هل الثلاث
5:42بوستات هي كل واحد منهم بدي يسوي له صفحه
5:45او كمبوننت مخصص بحيث انه يحتوي على
5:47الديتيلز تبعه الجواب اكيد لا هذا الشيء
5:50ما هو عملي ابدا ماذا لو عندك 100 بوست او
5:52200 بوست الجواب الواضح هو انك تستخدم
5:56كومبونت هذا الكومبوننت له نفس الشكل الى
5:59نفس الترت وهو عباره عن كومبونت واحد لكن
6:02في جزئيات بسيطه بداخله بتتغير مثل
6:06المحتوى الداخلي تبع البوست ها هي الفائده
6:08من الكومبوننت اصلا مثل ما شفناها في
6:10رياكت فانت بترسل البوست كبرو وبعدين من
6:14داخل الكومبوننت بتروح بتستخدم البروبس ها
6:17تبع الكومبوننت بحيث انك تعرض سواء
6:20التايتل او البدي او اي معلومات اخرى
6:22بيحتوي عليها البوست لذلك خليني اسوي هذا
6:25الكومبوننت ومره ثانيه تذكر ترى هو
6:27كومبونت واحد ماك محتاج اكثر من هيك فراح
6:29ارجع مره ثانيه واجي اسوي ملف جديد هذا
6:33الملف الجديد راح يمثل لي الكومبوننت اللي
6:35راح اسميه باسم بوست ديتيلز لذلك خليني
6:39اضغط هون باليمين اقول له نيو فايل وهذا
6:41راح يكون عباره عن بوست ديتيلز دوت جي اس
6:44كالعاده وهذا راح يحتوي على اكسبورت
6:47ديفولت فانكشن وهاي الفنكشن راح اسميها
6:50باسم بوست
6:52ديتيلز وبداخلها راح اوضح او احط الاشياء
6:56اللي انا بدي اياها فراح اجي اقول له
6:57ريتيرن وبعدين ممكن احط ديف او ممكن احط
7:00فراجمنت اذا انا ماني محتاج ديف وبداخله
7:02راح اجي مثلا احط العنوان فراح اقول له
7:05اتش 1 وبداخل هذا الاتش 1 بدي احط التايتل
7:09التايتل من وين راح يجيني راح يجيني من
7:11البروبس اللي راح يتم ارسالها لهذا البوست
7:14ديتيلز وبالتالي انا ممكن استخرج التايتل
7:16من هذا المكان وبعدين استخدمه في هذا
7:20الاتش 1 مبدئيا راح اتوقف عند هذا الحد
7:23بالاضافه الى التايتل انا بدي اعرض
7:25التفاصيل تبع هذا البوست او البادي الخاص
7:27فيه فلذلك راح اعتبر انه في خاص صيه ثانيه
7:30راح يتم ارسالها اللي هي البدي وبعدين هون
7:32راح اجي مثلا اقول له براجراف وبداخل هذا
7:35البراجراف بدي احط البدي الان هذا البوست
7:38انا بنيته المفروض اني اروح واستخدمه متى
7:41بدي استخدمه لما يتم الضغط على احد
7:44البوستات انا بدي غير الصفحه بحيث انه
7:47ينقلني الى البوست بحيث انه ينقلني الى
7:50البوست ديتيلز وبالتالي لاحظ انه الموضوع
7:53يبدا من عمليه الضغط على احد البوستات
7:56فانا لازم اسوي لينك مثل ما شفنا في الدرس
7:59السابق فالموضوع بسيط راح اروح عند البوست
8:02ليست وعشان اسوي لينك انا ما بقدر استخدم
8:04الكومبوننت اللي اسمه لينك بشكل مباشر
8:06لانه ما هو مضمن في رياكت من الاساس هو
8:09جايني من مكتبه رياكت راوتر دوم وبالتالي
8:12راح اجي في مقدمه الملف واقول له امبورت
8:16بعدين راح افتح الكيرلي براكتس واقول له
8:18لينك وبعدين هذا اللينك راح يجيني من
8:21رياكت راوتر دوم هذا اللينك هو عباره عن
8:23كومبونت انا بقدر احيط باي شيء بدي احوله
8:27الى لينك او شيء قابل انه ينقلني الى صفحه
8:30اخرى ولذلك راح اجي قل الدف واقول له حط
8:34لي هذا اللينك وبعدين راح اسكره بعد هذا
8:37الديف بحيث انه يكون كله في داخله
8:40وبالتالي انا حطيت اللينك لكن لا تنسى انك
8:43لازم تحدد الرابط فانا كوني ماني محدد
8:46الرابط الان لو رجعت مره ثانيه لاحظ انه
8:48حول لي اياهم على شكل ازرار وترى هذا
8:50التصميم تقدر تغيره اذا حابب لو ضغطت على
8:52الهالو الان ما راح يصير اي شيء راح يوضح
8:55لك كانه عم ينضغط بس ما عم يصير اي شيء
8:57وفي نقطه ثانيه جدا مهمه ترى الرجل وطلعلي
9:00هذا الخطا اللي عم
9:02يقوللي ي حتقوللي طيب انا حطيت هذا
9:06اليونيك كي بداخل الف نعم انا حطيته بداخل
9:08الف لكن لازم يكون محطوط عند التوب ليفل
9:12تبع كل عنصر من عناصر الليست الموجوده
9:15عندك لذلك الان لما احطه باللينك صار هذا
9:18الكي المفروض يكون موجود عند اللينك هون
9:20لذلك راح اسويله كت وبعدين راح اسويله
9:23بيست في هذا المكان فلازم يكون عند التوب
9:25ليفل حتقوللي طيب اللينك هل عنده كي
9:28اللينك الاساسي ما عنده كي ولكن الكي هي
9:32عباره عن خاصيه بتقدر تضيفها لاي المنت او
9:34لاي كومبونت عادي جدا فلو سويت سيف الان
9:37ورجعت مره ثانيه وسويت ريفريش راح تلاحظ
9:39انه هذا الايرور اختفى فانا الان لما اضغط
9:42على اي بوست من ها البوستات الموجوده عندي
9:44المفروض يروح يحولني الى صفحه البوست
9:47ديتيلز واللي هي بمعنى ادق الى كومبونت
9:50البوست ديتيلز وهذا اللي راح يبين معنا
9:52بعدين في نهايه هذا السكشن لاحظ ان الرابط
9:55الحالي الموجود عندي هون هو عباره عن سلاش
9:57بوست المفروض لما ضغط هون يتحول الرابط
10:00الى سلاش بوست ديتيلز لذلك انا بروح
10:04وبستخدم الخاصيه اللي اسمها 2 فبكت هون تو
10:08وبحد ايش الرابط او الباث اللي راح ينقلني
10:10عليه الضغط على هذا اللينك راح اقول له
10:13سلاش وبعدين راح اقول له بوست ديتيلز بهذا
10:17الشكل لو سويت سيف الان ورجعت مره ثانيه
10:20راح اجرب اضغط عليه لاحظ انه فعلا نقلني
10:22الىى البوست ديتيلز البوست ديتيلز ايش في
10:25ما في اي شيء هي عباره عن صفحه فاضيه ليش
10:28هي عباره عن صفح صحه فاضيه لانه انا ما
10:30عرفت ايش هو الكومبوننت اللي بده يطلع لما
10:33بزور هذا الراوتب اعرف هذا الراوتب راح
10:37ارجع مره ثانيه عند الاب دوت جي اس اللي
10:40هو المكان اللي انا بعرف فيه الراو على
10:42مستوى التطبيق او المشروع ككل وبعدين راح
10:45اسوي راوت جديد راح انسخ هذا الراوتر
10:47وكالعاده الراوتب جدا انك تعرف شغلتين ايش
10:51هو الباث اللي راح ينزر وايش هو النت او
10:54الكومبوننت اللي راح يتم عرضه في حال تم
10:57زياره هذا الباث وبالتالي هذا الباث اللي
10:59راح يكون هون هو عباره عن البوست ديتيلز
11:03بهي الحاله انا بدي اعرض كومبونت اسمه
11:05بوست ديتيلز لكن قبلها لازم تتاكد انك
11:08تسوي له امبورت فراح احط البوست ديتيلز
11:11طبعا لما يقترح علي الفيجوال ستوديو كود
11:13الكومبوننت لو ضغطت عليه على انتر مباشره
11:16لحاله راح يفهم انه لازم اسوي له امبورت
11:18لانه هو ما هو موجود عندي فهي من
11:20الاختصارات اللي بتساعد احيانا فلو سويت
11:22سيف الان ورجعت مره ثانيه لاحظ البوست
11:25ديتيلز انا موجود عنده لكن لسه ما هو مطلع
11:27لي اي شيء ايش السبب السبب انه اصلا انا
11:30في البوست ديتيلز الموجوده هون عم اتمد
11:33على انه عندي تايتل وعندي بدي بس اذا ما
11:35تم ارسال لا تايتل ولا بدي فبناء عليه انا
11:37ما راح اعرض شيء بطبيعه الحال لذلك انا
11:40هون ممكن اقول له حطلي اي تاتل عشوائي
11:43مثلا ترميز لو سويت سيف الان ورجعت لاحظ
11:46انه فعلا طلع لي ترميز فهي هي صفحه البوست
11:49ديتيلز لذلك انا راح اخليها تايتل بس راح
11:51اجي هون احط عنوان عشان يكون واضح راح
11:54اقول انه هذا عباره عن صفحه البوست ديتيلز
11:57فراح اكتب بو بست ديتيلز بيج راح اسوي سيف
12:02وارجع مره ثانيه اشوفها لاحظ انه مطلعي
12:04بوست ديتيلز بيج بس فعليا ما هو محدد لي
12:06ايش الاشياء اللي عم تظهر او اللي لازم
12:09تظهر في هذا المكان طيب السؤال المهم جدا
12:12الان على اي اساس انا بدي اعرف اذا كنت في
12:16صفحه البوست اللي هي ها الصفحه كيف بدي
12:20اعرف اي بوست هو اللي انضغط عليه تحديدا
12:24هل هو البوست الاول وبالتالي اروح عند
12:27البوست الاول الموجود عندي في ها المصفوفه
12:30واطلع منه التايتل وكذلك اطلع منه البدي
12:33ولا هو البوست الثالث مثلا اللي اسمه ثيرد
12:36بوست وبالتالي اروح عند الثيرد بوست واطلع
12:38منه البدي ولا هو البوست الثاني كيف راح
12:41يبين معي هذا الشيء على اي اساس بدي اعرف
12:43الطريقه الصحيحه عشان تتعامل مع هذا
12:46الموضوع انه البوست اللي بينقلك لصفحه
12:49ثانيه هو بحدد فعليا ايش الرابط اللي راح
12:52ينقلك عليه ومن خلال هذا الرابط انت بتقدر
12:56تحط معلومات اضافيه توضح للصفحه النهائيه
13:00اللي راح تنتقل عليها ايش هو البوست
13:03تحديدا اللي ودى المستخدم من صفحه البوست
13:07ليست الى صفحه البوست ديتيلز بمعنى اخر
13:11المفروض لما اضغط على الهلو وورد اعطيه
13:14معلومه تميز هذا البوست عن غيره عشان صفحه
13:18البوست ديتيلز تعرف انه هون لازم تعرض
13:20الهلو ورد والاشياء المتعلقه فيها وهاي
13:23المعلومه لازم تسال فيها لنفسك السؤال
13:25التالي ايش هو الشيء اللي بميز كل بوست عن
13:28غيره لو رحت وشفت المصفوف اللي عندك الشيء
13:31المميز لكل بوست عن غيره هو الاي دي ولا
13:34ترى عادي جدا يكون عندي بوست ثاني ويكون
13:36التايتل تبعه عباره عن هلو وورد الاي دي
13:39هو الشيء اللي ما بيتكرر العنوان عادي انه
13:41يتكرر كانه شخصين كتبوا نفس التغريده على
13:44توويتر هذا شيء عادي لكن كل تغريده لها
13:47خلف الكواليس اي دي معين يميزها عن
13:50التغريده الاخرى وبالتالي هذا الشيء اللي
13:52انا حاولت احاكيه في هذا المكان كل بوست
13:55عندي له اي دي مخصص وبالتالي انا لازم
13:58استفيد منها الاي دي بحيث انه الصفحه
14:01الحاليه تبع البوست ليست ترسل معلومه ايش
14:04الاي دي تبع البوست اللي نضغط عليه طيب
14:07كيف ممكن ترسلها لى صفحه البوست ديتيلز عن
14:10طريق الرابط فانت من خلال الرابط بدل ما
14:14تصير تقول له سلاش بوست ديتيلز لازم تقوله
14:18سلاش بوست ديتيلز وبعدين تحدد ايش هو الاي
14:21دي اللي ممكن يكون واحد ممكن يكون اثنين
14:23ممكن يكون ثلاثه فلاحظ انه هذا الرابط
14:26ثابت بحيث يحدد لك ايش اللي راح يرجع لكن
14:30في جزئيه صغيره منه هي المتغيره اللي
14:33بتمثل الاي دي تبع البوست اللي ممكن يكون
14:36واحد ممكن اثنين ممكن 10 ممكن 100 على حسب
14:38الاي دي تبع البوست فهي الجزئيه تحديدا هي
14:41جزئيه متغيره او نحنا بنسميها دايناميك
14:45ديناميكيه لانها بتتغير وبالتالي هذا
14:49يتطلب انه يكون عندك شيء اسمه الديناميك
14:52راوت الداينمك راوت معناه انه انا بدي اجي
14:56عند هذا المكان اللي عم اعرف فيه الرات
14:59الموجو عندي هون وبدي اعرف راوت بحيث انه
15:02يكون بوست ديتيلز بالاضافه الى انه يجي
15:05بعده شيء متغير وليس ثابت فانا ما بقدر
15:09احدده باسم معين او برقم معين انا لازم
15:12اعطيه تلميحه بحيث يفهم انه هذا الشيء
15:15اللي راح يجي بعد عباره بوست ديتيلز
15:17والسلاش هو عباره عن شيء متغير ديناميكي
15:21اللي هو بيمثل الاي دي تبع البوست ديتيلز
15:23فعشان اسوي هذا الدايمي لينك انا بدل ما
15:27اكتب الاسم مباشره انا بيجي بحط كولون
15:30نقطتين راسيت وبعد النقطتين الراسين بحدد
15:34ايش هو اسم الاي دي تبع هذا البوست وهذا
15:37الاسم راجع لك في نهايه الامر لكن مهم انك
15:40تنتبه له فانا بالنسبه لي راح اسميه باسم
15:43بوست اي دي بهذا الشكل ومره ثانيه انت
15:46بتسميه بالاسم اللي بدك اياه لكن المهم
15:48انك تحط ها الكولون قبله عشان تفهم رياكت
15:52راوتر انه هذا عباره عن دايناميك لينك طيب
15:56انا ايش استفدت من هي الشغله اللي استفدته
15:58الان انه من خلال صفحه البوست ديتيلز او
16:01الكومبوننت تبع البوست ديتيلز انا بقدر
16:03استخرج هذا الاي دي وبناء عليه اروح اجيب
16:07البوست اللي انا بدي اياه طيب كيف بقدر
16:09استخرج هذا الاي دي من الرابط اول شيء راح
16:12اسويه راح اقول له شوف من صفحه البوست
16:15ليست لما بينضف على هذا اللينك انا ما بدي
16:18اروح على البوست ديتيلز انا بدي اروح على
16:20البوست ديتيلز وبعدين بدي احط الاي دي بس
16:22بدي اوضح لك شغله قبلها لاحظ انه انا عم
16:25اقول له سلاش بوست ديتيلز بعدين حددت الاي
16:27دي اللي هو الاي دي اللي بدي اياه فلو قلت
16:29له بوست ديتيلز بعدين ثلاثه وضغطت انتر
16:33لاحظ انه راح يوديني على صفحه البوست
16:35ديتيلز لو حطيت بدل لاثه اربعه حيود لي لو
16:38حطيت بدل اربعه خمسه حيود ني وبالتالي صار
16:41يتعرف على ها الجزئيه على انها جزئيه
16:43متغيره لكن تغيرها لا يؤثر على الكومبوننت
16:47اللي راح يتم ارجاعه اللي هو هذا
16:48الكومبوننت بينما لو شلت هذا الاي دي وقلت
16:52له هون خمسه وسويت ريفريش لاحظ انه فعليا
16:55ما طلع لي اي صفحه لذلك راح ارجع مره
16:57ثانيه واخلي الاي دي موجود والان هدفي انه
17:00من خلال ها الصفحه اللي اسمها بوست ديتيلز
17:03اقدر استخرج هذا الاي دي من الرابط بحيث
17:06اني استخدمه باني احدد ايش البوست اللي
17:08لازم تنعرض بياناته في ها الصفحه عشان
17:11اسوي هذا الشيء رياكت راوتر دوم بتوفر لك
17:14مجموعه من الهوكس او الفانكشن اللي
17:16بتساعدك عشان تادي الاشياء اللي بدك اياها
17:19وحده من الهوكس اسمها يوز بارمز ودائما
17:24وابدا اتذكر انه اي شيء بيبدا بعباره يوز
17:27او بكلمه يوز فهو معناه هوك في رياكت انه
17:31هو عباره عن فانكشن بتوفر لك شيء معين
17:34وعاده هذا الشيء بيكون معتمد على الستيت
17:37خلف الكواليس فلو رجعت مره ثانيه راح اروح
17:40عند الصفحه اللي اسمها البوست ديتيلز ومن
17:43خلال الصفحه اللي اسمها بوست ديتيلز انا
17:45بدي استخرج هذا البارامتر كيف بخرج من
17:48خلال اني اسوي امبورت للهوكي اسمه يوز
17:52بارمز هذا الهوك ترى ما هو موجود في رياكت
17:56وانما جاييني من وين من رياكت د وبالتالي
18:00انا استخرجت اليوز بارمز فالان راح اجي
18:03واعرف متغير يساوي لي هذا اليوز بارمز راح
18:06اجي اقوله كونست اكس على سبيل المثال
18:09يساوي اليوز برامز اللي هي عباره عن فنكشن
18:12ممكن استدع وبعد ما جبت هذا الاكس راح اجي
18:15وسويله كونسول دوت لوج لهذا الاكس فلو
18:18سويت سيف الان ورجعت مره ثانيه خليني اشوف
18:20ايش راح يطبع لي راح اروح عند الكونسول
18:22لاحظ ايش طبعي طبعي اوبجكت كامل هذا
18:26الاوبجكت راح يحتوي على اسم الاي دي اللي
18:30انت حددته في الراوتر والفالو اللي اجتك
18:33بناء عليه فلو جيت الان وغيرت الخ الى 100
18:37على سبيل المثال راح يجي ويطبع لي البوست
18:40اي دي على انه 100 وبالتالي ممتاز صار
18:42يرجعلي هذا الاوبجكت فانا بقدر استخرج
18:44البوست اي دي منه فانا بقدر اجي اقول له
18:47اكس دوت بوست اي دي بهذا الشكل لو سويت
18:50سيف خلص انا الان وصلت البوست اي دي اللي
18:53هو عباره عن 100 والان ممكن اني استفيد
18:55منه وطبعا انت بدل ما تسويها ب طريقه انت
18:59ممكن تستخرج الاي دي مباشره عن طريق الدي
19:02ستركشر انك تجي تقول له طلع لي الشيء اللي
19:04اسمه بوست اي دي من الشيء اللي راح يرجع
19:07لي من استدعاء الفانكشن اللي هو عباره عن
19:09اوبجيكت يحتوي على كي اسمه بوست اي دي
19:11وبعدين اجي في هذا المكان ققول له كونول
19:13دوت لوج لهذا البوست اي دي فلو سويت سيف
19:17ورجعت مره ثانيه لاحظ انه فعلا عم يطبع لي
19:19اياه فراح نوقف عند هذا الحد بالنسبه لهذا
19:22الدرس نحنا عرفنا الان كيف ممكن نرسل الاي
19:24دي ونخلي الرابط داينامك ونستخرج هذا الاي
19:26دي بالدرس الجاي راح نكمل على نفس هذا
19:29المثال بحيث انه نستخرج البوست المناسب بس
19:32عشان نستخرج البوست المناسب المفروض هاي
19:35المصفوفه ما تكون محصوره على البوست ليست
19:37وانما تكون نوعا ما جلوبال كيف بسويها
19:41جلوبال هذا السؤال سالناه سابقا وجوابه
19:44كان من خلال الكونتكس هذا الشيء اللي راح
19:47نشتغل عليه في الدرس الجاي وبعدين نستخرج
19:49البوست ونعرضه اتمنى ان شاء الله ان كان
19:51الشرح واضح ونشوفكم ان شاء الله بالدرس
19:53الجاي

About this transcript

This page contains the full transcript of 54 : Dynamic Routes by أكاديمية ترميز, generated from the public captions YouTube serves with the video. The transcript has 3,132 words across 413 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 translate the transcript into 100+ languages.

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, translation to 100+ languages, AI prompts for ChatGPT, Claude, and Gemini, and exports to TXT, SRT, VTT, or Markdown.