React

מבוא לקורס

ברוכים הבאים

קורס מקיף שילווה אתכם ב-React מהצעד הראשון ועד רמה מתקדמת. הוא בנוי כמסלול רציף: מעקרונות היסוד, דרך Hooks, ניתוב וביצועים, ועד ניהול מצב עם Redux, בדיקות, היכולות החדשות של React 19 ופיתוח מובייל עם React Native.

למה React?

• הספרייה הנפוצה בעולם לבניית ממשקי משתמש
• Virtual DOM שמאפשר עדכוני מסך מהירים ויעילים
• קומפוננטות מודולריות שאפשר לעשות בהן שימוש חוזר
• מערכת כלים עשירה וקהילת מפתחים עצומה

לפני שמתחילים

• שליטה ב-JavaScript, כולל פונקציות חץ, מערכים ואובייקטים (קורס JavaScript)
• Node.js ו-npm מותקנים
• עורך קוד (מומלץ VS Code)

מבנה הקורס

חלק א' - יסודות

חלק ב' - מחזור חיים ותקשורת בין קומפוננטות

חלק ג' - Context ו-Hooks מתקדמים

חלק ד' - ניתוב וביצועים

חלק ה' - Redux ובדיקות

חלק ו' - React Native

דוגמאות קוד

לכל נושא יש קובץ קוד מלא ומתועד. לחיצה על קובץ פותחת אותו עם הדגשת תחביר, כפתור העתקה ואפשרות הורדה.

איך מתחילים

יוצרים פרויקט React חדש עם Vite:

npm create vite@latest my-react-app -- --template react
cd my-react-app
npm install
npm run dev

בהמשך הקורס תתקינו חבילות נוספות, כל אחת בשיעור שלה:

# React Router
npm install react-router-dom

# Redux Toolkit
npm install @reduxjs/toolkit react-redux

# Testing
npm install --save-dev @testing-library/react @testing-library/jest-dom

סדר לימוד מומלץ

• שבועות 1-2: יסודות (שיעורים 1-11)
• שבוע 3: מחזור חיים ותקשורת בין קומפוננטות (שיעורים 12-14)
• שבוע 4: Context ו-Custom Hooks (שיעורים 15-17)
• שבוע 5: ניתוב וביצועים (שיעורים 18-21)
• שבוע 6: Redux ובדיקות (שיעורים 22-25)
• שבוע 7: React 19 ו-React Native (שיעורים 26-27)

משאבים נוספים

• react.dev - התיעוד הרשמי של React
• התיעוד הרשמי של Redux Toolkit
• התיעוד הרשמי של React Native

בהצלחה! מתחילים בשיעור הראשון: רקע והיסטוריה.