YT YouTube2Text

YouTube2Text → Transcripts → 55 : Extracting Params From The Dynamic Routes

55 : Extracting Params From The Dynamic Routes — Transcript

by أكاديمية ترميز · 2,059 words · 278 segments · language en · Watch on YouTube

Open in transcriber Summarize with AI Download SRT/VTT

Full transcript

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

About this transcript

This page contains the full transcript of 55 : Extracting Params From The Dynamic Routes by أكاديمية ترميز, generated from the public captions YouTube serves with the video. The transcript has 2,059 words across 278 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.