"دليل شامل لتعلم React وتطوير مهاراتك!"
🤍✨
🔹 الجزء الأول: أساسيات لغة JavaScript.
قبل الدخول لتعلم ReactJs يجب التركيز على بعض مفاهيم JS.
❀ ECMAScript
❀ Basic Syntax
❀ ECMAScript
❀ Array Methods
❀ Object
❀ Arrow Functions
❀ Template Literals
❀ Destructuring
❀ Rest…
🤍✨
🔹 الجزء الأول: أساسيات لغة JavaScript.
قبل الدخول لتعلم ReactJs يجب التركيز على بعض مفاهيم JS.
❀ ECMAScript
❀ Basic Syntax
❀ ECMAScript
❀ Array Methods
❀ Object
❀ Arrow Functions
❀ Template Literals
❀ Destructuring
❀ Rest…
🔹 الجزء الثاني: الدخول ل React js وتعلم أساسيات React
❀ Components
❀ JSX
❀ Props
❀ State
❀ Props vs State
❀ Events
❀ Styling (Like CSS Modules)
❀ Conditional Rendering
❀ Working With Forms
❀ File & Folder Structure
❀ Components
❀ JSX
❀ Props
❀ State
❀ Props vs State
❀ Events
❀ Styling (Like CSS Modules)
❀ Conditional Rendering
❀ Working With Forms
❀ File & Folder Structure
🔹 الجزء الثالث: هوكس (Hooks)
- useState
- useEffect
- useCallback
- useMemo
- useRef
- useContext
- useSelector
- useNavigate
- useState
- useEffect
- useCallback
- useMemo
- useRef
- useContext
- useSelector
- useNavigate
🔹 الجزء الرابع: استخدام المكتبات الإضافية تساعدك في البناء.
- React Router
- Axios
- Styled Components
- React Query
- Framer Motion
- React Hook Form
- React Router
- Axios
- Styled Components
- React Query
- Framer Motion
- React Hook Form
🔹 الجزء الخامس: اتعلم إطارات واجهة المستخدم (UI Frameworks)
- Material UI
- Ant Design
- Chakra UI
- React Bootstrap
- Syncfusion
- Semantic UI React
- Blueprint
- Material UI
- Ant Design
- Chakra UI
- React Bootstrap
- Syncfusion
- Semantic UI React
- Blueprint
🔹 الجزء السادس: إدارة الحالة (State Management)
- Redux
- Recoil
- Redux
- Recoil
🔹 الجزء السابع: المهام المتقدمة بعد تعلم React
- Next JS
- TypeScript
- Next JS
- TypeScript
🔹 الجزء الثامن: اختبار التطبيقات
- Jest
- Testing Library
- Jasmine
- Jest
- Testing Library
- Jasmine
🔹 الجزء الأخير: نشر مشروعك
- Vercel
- GitHub Pages
- Netlify
- Render
- Vercel
- GitHub Pages
- Netlify
- Render
Loading suggestions...