ฝัง
- เผยแพร่เมื่อ 3 ม.ค. 2025
- للهم أنصر المسلمين 🤲
السلام عليكم أنا ريان مهندس برمجيات كامل (Software Engineer)
أستعمل JavaScript/TypeScript كلغتي الرئيسية
🙋♂️ موقعي الشخصي (Portfolio): rynbsd.vercel....
📧 البريد الالكتروني (email): rynbsd04@gmail.com
🖥️ دروس (Courses): www.udemy.com/...
☕ ادعمني من خلال قهوة: www.buymeacoff...
👇 تابعني:
🐈⬛ GitHub: github.com/RYNBSD
🐤 Twitter (X): / rynbsd
📷 Instagram: / ryn__bsd
🎶 TikTok: / ryn__bsd
📹 TH-cam: / @ryn__bsd
🤝 شركاء:
Prisma: www.prisma.io/...
🔧 خدمات:
🟧 Khamsat: khamsat.com/us...
🟦 Mostaql: mostaql.com/u/...
🟩 Upwork: www.upwork.com...
🔗 مصادر (Resources):
react: react.dev/
w3schools: www.w3schools....
react legacy: legacy.reactjs...
🗝️ كلمات مفتاحية (Keywords):
ReactJS full course,React hooks,ES6 & JSX,Components & props,Conditional rendering,State management,Forms in React,Custom hooks,Lazy loading,React 19,React forget compiler,React Router,Context API,React project,Optimize CSS,Class vs functional components,ForwardRef,memo,Suspense,ErrorBoundary,Profiler,دورة ReactJS كاملة,شرح React,مكونات React,مشروع React,تعلم رياكت,رياكت,رياكت جي اس,شرح شامل,شرح,شامل,react js,learn react,react course
📄 وصف (Description):
دورة ReactJS الكاملة للمبتدئين والمستخدمين المتقدمين | من الأساسيات إلى الاحتراف!
مرحبًا بكم في دورة ReactJS النهائية التي تغطي كل شيء من الأساسيات إلى التقنيات المتقدمة! سواء كنت جديدًا في React أو ترغب في تحسين مهاراتك، فهذه الدورة مصممة خصيصًا لك. في هذا الفيديو الشامل، ستتعلم:
مقدمة عن ReactJS
كيفية إعداد وتحديث React
استخدام ES6 و JSX
العمل مع المكونات، الـ Props، والأحداث
العرض الشرطي والقوائم
مقدمة عن React Hooks
Hooks المتقدمة: useState, useEffect, useRef, useReducer, useContext والمزيد
كيفية التعامل مع children props والمكونات التكرارية
استكشاف أدوات المطور (DevTools) في React
ما الجديد في React 19 و React Forget Compiler
فهم المكونات الصفية (Class Components)
تقنية التحميل البطيء وتحسين الصور
الحفاظ على الحالة وإعادة تعيينها
المكونات عالية الترتيب (HOC)، forwardRef، و memo
استخدام JSX Runtime بفعالية
نصائح وحيل متقدمة لكتابة الكود
تنظيف التأثيرات وإنشاء hooks مخصصة
تحسينات CSS/SASS/TailwindCSS
العمل مع StrictMode، Suspense، ErrorBoundary، Fragment، Profiler
إتقان React Router و Context
التعامل الاحترافي مع النماذج (Forms)
تحويل تصاميم Figma وإعادة بناء منطق الـ Hooks
مشروع نهائي لتطبيق كل ما تعلمته!
انضم الآن لتتعلم كيفية بناء تطبيقات React احترافية خطوة بخطوة!
🕛 توقيت (Timing):
0:00 مدخل
5:45 مقدمة
12:40 تجهيز
27:07 تحديث
29:12 ES6
38:10 JSX
53:25 Components
1:03:36 props
1:16:01 Events
1:28:00 Conditional
1:35:45 Lists
1:41:31 مدخل لHooks
1:44:43 useState
1:53:06 useEffect
2:21:31 StrictMode
2:24:47 forms
2:36:00 useRef
2:46:25 تدريب 1
3:29:53 Router
3:52:41 Context
4:10:43 useRef
4:19:08 CSS
4:27:55 SASS
4:29:47 تخصيص Hooks
4:49:25 تدريب 2
5:21:46 متقدم
5:36:58 تحسين CSS
5:45:13 cleanup
6:04:19 virtualization
6:14:26 render
6:18:43 HOC
6:28:54 forwardRef
6:32:18 runtime
6:44:17 Preserving/Resetting
6:58:03 image
7:03:12 memo
7:19:27 lazy
7:24:38 Suspense
7:27:03 class
7:35:13 ErrorBoundary
7:40:13 Fragment
7:44:21 useCallback
7:58:37 useMemo
8:03:42 تدريب 3
8:31:28 useTransition
8:34:40 useDeferredValue
8:41:27 تدريب 4
9:29:36 useLayoutEffect
9:33:29 useImperativeHandle
9:37:48 useId
9:41:42 useSyncExternalStore
9:52:14 React Compiler
10:11:45 React 19
10:43:03 تدريب 5
11:23:04 Profiler
11:27:30 Children
11:33:58 recursion
11:35:56 key
11:41:36 devtools
11:56:21 useDebugValue
12:04:53 تدريب 6
12:25:35 المشروع النهائي
13:07:20 نصائح
13:19:22 الخاتمة
🏷️ Tags:
#js #javascript #react #reactjs #reactjstutorial #reactjscourse #reactjsforbeginners #reactjsfullcourse #useState #useEffect #useRef #useReducer #useContext #customhooks #jsx #hoc #forwardRef #memo #lazyloading #reacthooks #react19 #virtualization #suspense #errorboundary #strictmode #useCallback #useMemo #useLayoutEffect #useImperativeHandle #useDeferredValue #reactdevtools #reactcompiler #profiler
👏👏👏👏👏
مككور أخي على الدورة متابع ومشترك . تفقد الإيميل خاص بك (تفقد سبام أيضا)