YT YouTube2Text

YouTube2Text → Transcripts → 52 : Intro To React Router

52 : Intro To React Router — Transcript

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

Open in transcriber Summarize with AI Download SRT/VTT

Full transcript

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

About this transcript

This page contains the full transcript of 52 : Intro To React Router by أكاديمية ترميز, generated from the public captions YouTube serves with the video. The transcript has 2,706 words across 365 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.