DevPath Academy
CoursesProgramsAboutContactBlog
CoursesReact عملياً — ابنِ تطبيقاً كاملاً من الصفر
Intermediate • 14 Lessons • 300 min

React عملياً — ابنِ تطبيقاً كاملاً من الصفر

تعلّم React بالطريقة التي تُستخدم بها في الشركات: المكوّنات والحالة، الـ Hooks، التوجيه، جلب البيانات وإدارتها، ثم نبني معاً تطبيق إدارة مهام متكاملاً وننشره.

Course Content

14 Lessons

  • Thinking in React

    3 Lessons
  • Why React? Starting with Vite

    11 min
  • JSX and components

    17 min
  • Props and composition

    16 min
  • State and Interaction

    4 Lessons
  • useState and re-rendering

    19 min
  • Lists, keys and forms

    21 min
  • useEffect without the common bugs

    24 min
  • Custom hooks

    16 min
  • A Real Application

    4 Lessons
  • Routing with React Router

    18 min
  • Data fetching with TanStack Query

    24 min
  • Global state with Context

    18 min
  • Testing with Vitest & Testing Library

    22 min
  • Capstone

    3 Lessons
  • Task manager app — part 1

    41 min
  • Task manager app — part 2

    44 min
  • Deploying to Vercel

    10 min
React عملياً — ابنِ تطبيقاً كاملاً من الصفر
599 SAROne-time payment

Your request will be sent to the instructor for review

  • 14 Lessons
  • 300 minutes of content
  • Unlimited Access to Content
  • Completion Certificate
→ Back to Courses
DevPath AcademyDevPath Academy

An Arabic-first, project-based coding academy: frontend, backend and computer-science fundamentals — from your first line of code to your first job.

Tracks

  • Frontend engineering
  • Backend with Node.js
  • Developer foundations

Academy

  • About
  • Blog
  • Free Git course
  • Contact

© 2026 DevPath Academy. All rights reserved.