إيه حكاية نيكست وإيه علاقته برياكت ؟ Next 15 + React 19

Рет қаралды 25,924

Yehia Tech

Күн бұрын

Пікірлер: 79

@mohammadkhayata2042 7 ай бұрын

شكرا لانك من الناس القليلة يلي بتنزل محتوى High quality و بتشرح حاجات احترافية باللغة العربية🩵

@amrmohamed2608 7 ай бұрын

كلام جميل بس في كذة نقطة في الفيديو مش حقيقة: React كان فيها SSR قبل وجود NextJS و كان في functions زي مثلا hydrate بتشتغل علي الserver قبل وجود NextJS و دي بالمناسبة القائم عليها NextJS. وصفك للSSR بردو مش مظبوط في نص القيديدو، الSSR مش بيحسب اي نوع من انواع الdistance او المسافات او ما الي ذلك، الserver بيرجع markup و الbrowser في الحالة دي بيقوم بعملية الhydration و بعدين كل الحسابات و الlayout calculations بتقوم في الbrowser عادي Concepts الSSG موجودة منذ قديم الأزل، بردو باستعمال functions زي hydrate او server rendering functions من react نفسها الكلام بشكل عام جميل بس هو مجرد وصف خارجي، و ده في حد ذاته ممكن يكون مفيد بس المعلومات ال فيه بتبقي مش دقيقة او سعات غلط.

@yehiatech 7 ай бұрын

شكرا على الاضافة.✌️🚀 للتوضيح فان الهدف من هذا النوع من الفيديوهات هو زيادة الوعي .. فانت ما شاء الله عندك التعمق .. غيرك لا يعلم اصلا ان فيه مثل هذه الحاجات متواجدة .. فهدفي هو التبسيط والتنوير لهذه المعلومات .. فاذا شرحت الموضوع بتعمق لن يستطيع الناس فهم ما اقول بالنسبة لمرحلة معينة تشكل النسبة الكبيرة من الناس. واحترم اي تعليق او اضافة يساعد على زيادة الوعي 🌹👌🏻

@ahmadna4592 5 ай бұрын

ممكن لو سمحتوا تبعتوا كورس كامل يُفضل بالعربي أو انجلش وحديث للreact وnext.js

@abdelmoumainenessah7479 6 ай бұрын

والله يااخي اتابعك على انستغرام على linkedIn على يوتيوب ،عندك طريقة شرح ماتنشبع وممتازة بارك الله فيك

@mohammadal-nawar6387 7 ай бұрын

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

@ahmedabdelmeguid1131 7 ай бұрын

فيديو رائع...محتوى عربى فوق الممتاز❤

@FaridRoushdy 7 ай бұрын

شكرا جداا على الاضافة القيمة ❤ .. استأذن حضرتك ..بس فيه جزئية اتمنى تشرحها في فيديو تاني.. اكتر حاجة بتزعجني في النيكست انه ممنوع استخدام الhooks في server side rendered فعشان كده كنت مش بستخدم الخاصية دي وكنت بخلي كل استخدامي client components علشان اعرف استخدم usestate وغيرها ...

@ahmedhassan_saver 7 ай бұрын

ماتقولنا ازاي نعمل interceptor في نيكست مع fetch يكون فيه refresh token و refetch لكل الريكويستات ال وقعت قبل ال refresh token

@eslamalmasoudy4972 7 ай бұрын

في وقتو ي هندسه وربنا 😍💜

@JalaleddinElFirqi 7 ай бұрын

I love your content, shoukran!

@ahmedmasry5191 3 ай бұрын

لو سمحتم يا جماعة انا دلوقتى ذاكرت رياكت ونيكست وداخل على مرحلة عمل مشاريع للتطبيق فانا دلوقتى اركز على مشاريع النيكست فقط ولا اعمل مشاريع على الاتنين علما بأني overage فمفيش قدامي غير الفريلانس ارجو الافادة وشكرا

@mohamedibrahim9324 7 ай бұрын

حقيقي بتقدم محتوى عظيم جدا❤❤❤

@hima...228 7 ай бұрын

لو سمحت يا باشمهندس انا بتعلم علشان اكون فرونت ايند و دلوقتي في مرحله اختيار الفريم وورك و مش عارف اختار انهي مع اني شوفت فيديوهات كتيره بس بردو محتار ياريت فيديو عن مجال الفرونت ايند بالذات السوق المصري طالب انهي فريم اكتر ومثلا ترشيحات لقنوات او كورسات و هكذا

@Bn_Amer 7 ай бұрын

روح للرياكت مباشرة لانة سهل في التعلم والطلب علية كبير في السوق ، وعشان انة سهل بتلاقي المحتوى التعليمي والشرحات بكميات ضخمة على اليوتيوب وغيرة من المنصات التعليمية وبعد ما تحس نفسك كويس برياكت وتاسست صح فية ، بيكون سهل تنتقل لاي فريمورك ثاني فيما بعد على حسب شغلك او مشروعك

@siscoo5763 7 ай бұрын

Without the language of wood choice Angular or React

@parrou3 20 күн бұрын

يا باشا لو استثنينا SEO ، الي يكسب فيه ناكست بدون جدال، ايه يخليني اختاره على حساب الرياكت؟

@-mohammadalakedy5417 7 ай бұрын

ال nextjs تقيل جدا على المتصفح وأحيانا بيهنج الجهاز أتمنى أن يتم تطوير ال React فقط مع اضافة خواص ال nextjs له

@yehiatech 7 ай бұрын

البطأ والسرعة مسألة تتعلق بكيف تم استخدامه في التطور والbusiness case التي تم التطوير لها .. فنفس الشئ مع رياكت قد يكون بطئ وقد يكون سريع .. لا يمكن ان نجزم ان تقنية في المطلق سريعة او بطيئة.

@themoroccanbrightside8831 7 ай бұрын

يمكن أنت تتحدث عن البطئ في مرحلة البرمجة صحيح هو أبطأ لكن بعد build يصبح أخف بكثير

@zarefgamz2515 7 ай бұрын

Npm run dev --turbo

@mohammadkhayata2042 7 ай бұрын

البطأ بيبقى على ال development server فقط بينما لماترفع المشروع على السيرفر نسخة production بيبقا فائق السرعة

@frodo4fery 7 ай бұрын

فعلا react 19 في كل مميزات next js

@MohamedAbuelatta-z2p Ай бұрын

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

@Yihea_Aladawi 7 ай бұрын

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

@azdinemath 7 ай бұрын

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

@mohamedhamedenho 7 ай бұрын

يحيي ممكن تتكلم اكتر عن الاستضافات وهل ينفع استضيف اكتر من موقع .Net core على استضافة واحده

@binhunaish 3 ай бұрын

لو تقدر تتكلم عن Amazon SSS اكثر

@DIGCRE_web 7 ай бұрын

نفسي في الفيديو دا من زمان

@Yihea_Aladawi 7 ай бұрын

باش مهندس وين الموسم الثاني من تحدي البرمجة لو نحنا في The Voice كان نزل الموسم الثاني

@AllahomAnsorGaza 7 ай бұрын

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

@Shady_19Ahmed 7 ай бұрын

طب انا خلصت جافا سكريبت كفرونت اند اتعلم ريأكت بعدين نكست ولا اطبق على js لحد متنزل اصدار افضل من ريأكت وامضى عليه منغير نكست

@ghaithNahdi-rn4xb 4 ай бұрын

react and then next

@mofunnel 2 ай бұрын

شكرا يحي انا لو حابب اتخصص فى تصميم صفحات الهبوط وfunnels برايك اى مجال ادرسة بشكل افضل واى منصة ابنى علىها ذالك ويكون لها مستقبل وعليها طلب فى السوق واىهما تفضل بخبرتك ـ انا اريد اكون محترف فى هذة المهارة والتخصص ما هى نصيحتك والمسار التعليمى لذالك وافضل ادوات تساعد فى ذالك شكرا لك وبارك الله فيك

@مصعبشسيب 7 ай бұрын

سؤال في link كيف اضهر البار الدي يكون في اعلى الصفحة متل فايسبوك

@Hozaifa_Elmalah 6 ай бұрын

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

@green-coder 5 ай бұрын

حلقة ولا اروع

@pythonholic 7 ай бұрын

كنت اكرهك ليه وانت حلاوة كدا❤❤❤🙂

@MEZOSA73 7 ай бұрын

يعطيك العافية وشكرا لشرحك ❤ بس انا هلق لساني ضايع هل ضل ب ريأكت او انقل ل next لان جربت next فيو شغلات مختلفة عن ريأكت كتير فحاسس حالي ح انسى ريأكت

@lorenbeall147 7 ай бұрын

nextjs or laravel ? and why. please help me to choose, cause i want to specialize

@ahmedhassan_saver 7 ай бұрын

There is no comparison U can use them together

@beborafik6348 7 ай бұрын

ياريت تتكلم عن vite , cra

@ahmedhassan_saver 7 ай бұрын

محتاج تعرف ايه Just ignore cra, and use vite

@maythammahdi5238 7 ай бұрын

اشوف مشكلة النيكست بالديبلوي .. صعب تنزله على vps

@ahmadanm7300 7 ай бұрын

الا تقدر روح لقناه نور حمصي رفع مشروع next js

@Jad.abouzaki 7 ай бұрын

كل الشكر لك عالمجهود

@OmarRiyati 6 ай бұрын

يعني لو عاوز اعمل موقع فاعمله في react js ولا next js من ناحية frontend

@yehiatech 6 ай бұрын

رأي لو انت لسة بتبدأ وداخل جديد في الفرونت اند ومش متمكن اووي من React.js .. يعني هتتعب من توفيق الاختيارات مع بعضها في React.js لوحده بتاعت كل حاجة والFolder Structure وما الى ذلك .. فافضل طبعا Next.js لان كل حاجة هتلاقي المنهجية بتاعتها موجودة في الDocumentation عندهم. --- وفي العموم في معايير تانية كتيير طبعاً بخلاف المعيار اللي انا ذكرته فوق .. فده مجرد بس لتبسيط الاجابة. دايما المحرك في الشركات عوامل كتيرة زي الResources والScalability والMaintaiability والخ...

@ahmedallam2 7 ай бұрын

الله ينور عليك

@PoPo-jg9nt 7 ай бұрын

محتاجين كورس next يا هندسة

@hamli1499 7 ай бұрын

عامله علي القناة في كورس react

@الشافعيمذهباالإسحاقينسباالصوما 7 ай бұрын

بصراحة حلقة مهمةجدا والله، خاصة عند شرح client side, server side rendering. فعلا الشرح مهم جدا و طريقة الشرح سهلة و مبسطة و مفهومة. سؤال سريع. ذكركتم أن رياكت قبل ١٩، لا يحتاج إلى سرفر بل يمكن أن رفعه علىS3 Amazon أو azure app service. وذا الكلام صحيح. استفساري هو، لو أن تطبيق الرياكت الخاص بي مربوط بقاعدة بيانات. الا احتاج حينئذ أن أرفع التطبيق على IIS داخل server وكذلك قاعدة البيانات؟

@yehiatech 7 ай бұрын

عادة انت بتعمل compile او بمعنى اصح transpile لملفات الjsx او الtsx الخاصة برياكت الي ملفات html وcss وjavascript .. فهذه كده ملفات الfrontend وتقدر ترفعها على S3 وتربطها على cloudfront للcaching .. اما الباك اند اللي هتتكلم معاه ملفات الjs اللي خرجت لازم يكون اكيد مرفوع على سيرفر حسب التقنية الخاصة بيه .. وغالبا انهاردة بتعمل Docker Container للاستضافة وترفعها برده على Amazon على خدمة ECS او EKS بحيث تضمن بيئة تشغيل مبسطة وسليمة. وبتدي للفرونت اند الEndpoint في الEnvironment Variables وبس بيشتغل معاك تمام بغض النظر كل واحد معمولة استضافة فين. فهو المغزى انه ممكن تستضيف الفرونت اند في مكان ليس له علاقة بالباك اند وكله يشتغل معاك مظبوط. وقد اغطي كلام اكثر عن هذا الموضوع في فيديو قادم ان شاء الله

@ahmedabdelmeguid1131 7 ай бұрын

يا ريت بالفعل فيديو عن الموضوع ده ...خاصا ان فيه مصطلحات فى الكومنت بتاعك يا هندسة انا معرفش عنها كتير و اكيد فيه ناس زييى @@yehiatech

@الشافعيمذهباالإسحاقينسباالصوما 7 ай бұрын

@@yehiatech شكرا على الإجابة. فعلا تفصيل جميل و إجابة واضحة. اتضح لي أنه يمكن رفع الفرونتد اند ك رياكت في S3 مثلا حتى لو كان مربوط بقاعدة بيانات، لأنه بإمكاننا أن نرفع الباك اند و قاعدة البيانات في مكان تاني خالص بدون أي مشكلة. والله ياريت تعمل فيديو مطول شوي عن هذا الموضوع. فعلا شيق و طريقة شرحك فيها فوائد كثيرة.

@moatazemad666 7 ай бұрын

انا شغال كا فول ستاك بس دايما بميل اكتر للباك اند وبلاقي انه اسهل بكتير من الفرونت مفيش تعقيد كتير انا فقط بكتب كود علي عكس الفرونت بحس دايمآ انه محتاج حجات كتير مع بعض واذاكر اكتر من حاجة في نفس الوقت علشان اعمل حاجة اقدر اقول عليها نضيفة مش عارف هل انا عندي مشكلة في النقطة ولا ده طبيعي

@A-Zaydan 7 ай бұрын

يعنى الباك اند مفهوش تقنيات كتير؟

@moatazemad666 7 ай бұрын

@@A-Zaydan الصراحة ممكن اه لان انا شغال ب nodejs و express و mongodb ده الأساس عندك ولو عايز تضيف مثلى authentication عندك jwt فتقدر تقول ان باستخدام الحجات دي بس تقدر تعمل اكتر من كونسبت في ال apps بس علي النقيض في الفرونت لازم react ثم routing ثم state management ثم integration بال api ثم styling وال styling اصلا لوحده حوار تحتار مبين اكتر من حاجة ant design ولا styled components غير ال responsive غير انك مطالب تتعلم animation شوية علشان الحركة في الويبسايت فيه فعلا حجات كتير بتدور في الفرونت

@moatazemad666 7 ай бұрын

وبعدين انا نسيت اقولك الفرونت بيتغير كل شوية كل فكرة هتضطر تعملها design ثم implementation بس الباك انا حرفيا كوبي بيست من مشاريع كنت عملتها بتناقش جزئية معينة فبخادها وبعملها تعديلات بسيطة ده اصلا لو محتاجة تعديلات

@A-Zaydan 7 ай бұрын

بس اظن اغلب سوق node js يتطلب انك تكون فول ستاك كفرى لانسر

@moatazemad666 7 ай бұрын

@@A-Zaydan علشان كدة اشتغلت فول ستاك بالرغم اننا مش حابب حتة الفرونت بس علشان ازود فرص العمل