BestsellerCertificate of completion
React in Practice: Build Three Real Projects
Components to state, routing and data fetching — through three projects you actually deploy.
4.8(684)4k students20 lessons2h 59mIntermediate
What you will learn
- Build reusable components
- Manage state without over-engineering
- Fetch data with loading and error states
- Structure a project that scales
- Deploy your app
- Write basic component tests
About this course
No to-do apps here. Three real builds: a small store with a cart and an Arabic UI, a dashboard with real data and charts, and a community app with comments and likes. Each from scratch, pausing on the architectural calls — lifting state, whether you need a state library at all, and folder structure that survives growth.
Course content
4 modules20 lessonsTotal length 2h 59m
React Foundations5 lessons42m
- Why React, and when you don't need itVideoPreview13:30
- Components and propsVideoPreview09:49
- State and eventsVideoAfter purchase05:13
- Lists and keysVideoAfter purchase08:09
- Controlled formsArticleAfter purchase04:54
Project One: A Small Store5 lessons59m
- Project structureVideoAfter purchase16:37
- The products pageVideoAfter purchase16:58
- The cart and its stateVideo1After purchase12:09
- A right-to-left Arabic UIVideoAfter purchase13:12
- Module quizQuizAfter purchase00:00
Project Two: A Dashboard4 lessons33m
- Data fetching and loading statesVideoAfter purchase09:31
- Graceful error handlingVideoAfter purchase08:03
- Charts and tablesVideoAfter purchase10:02
- Performance and re-rendersVideo1After purchase05:52
Project Three: A Community App6 lessons45m
- Routing and page splittingVideoAfter purchase04:06
- Comments and likesVideo1After purchase14:58
- Basic authenticationVideoAfter purchase12:24
- Component testingQuizAfter purchase00:00
- Deployment and monitoringVideoAfter purchase13:33
- Final assessmentQuizAfter purchase00:00
Requirements
- Solid JavaScript basics
- HTML and CSS knowledge
- Node.js installed
Who this course is for
- Anyone past JavaScript basics
- Developers moving from jQuery or PHP
- Front-end devs chasing better roles
About the instructor
Accreditation
- PAAET
Accrediting bodies named on the certificate this course issues.
Frequently asked
Does it cover Next.js?
The third project uses Next.js; the first two use plain React so you understand what the framework actually adds.
Is there code review?
Yes — projects are posted in the community review channel and I review a sample weekly on a live stream.
Student reviews
4.8684 ratings
- 5stars84%
- 4stars13%
- 3stars2%
- 2stars1%
- 1stars0%
Latest reviews
- يعقوب الصايغ
يعقوب الصايغ
27 July 2026
محتوى مركّز ومباشر بدون مقدمات طويلة. كل دقيقة فيها معلومة تستفيد منها فعلاً.
- صالح الحربي
صالح الحربي
13 July 2026
شرح ممتاز ومنظم، والأسئلة الشائعة في نهاية كل وحدة جاوبت على كل شي كان في بالي.
- أثير القصبي
أثير القصبي
26 June 2026
أخذت دورات كثيرة في نفس الموضوع وهذي أول وحدة خلصتها للنهاية. الفضل لقصر الدروس وترتيبها.
- راشد الكعبي
راشد الكعبي
28 May 2026
من أفضل الدورات اللي أخذتها بالعربي. المحتوى مرتب والشرح واضح بدون حشو، وكل درس فيه تطبيق تقدر تسويه نفس اليوم.
- بشاير المري
بشاير المري
17 April 2026
خلصتها في أربعة أيام وأنا مستمتع. الترتيب منطقي، وكل وحدة تبني على اللي قبلها بدون قفزات.
- خليفة السويدي
خليفة السويدي
24 February 2026
شرح وافٍ وأمثلة واقعية. أتمنى إضافة وحدة متقدمة لمن خلص الدورة.
Similar courses
See every course in this category- 3h 53m
- 1h 38m
- New2h 19m
- 2h 52m
- 3h 6m