בינוני
React
React — פיתוח Frontend מודרני
React מהבסיס ועד אפליקציה שלמה — Components, Hooks, State Management, React Router, Testing, ו-API calls. הכלי שמגדיר את שוק ה-Frontend בישראל.
שעות שיעורים1.3K לומדים
ReactHooksReact RouterTypeScriptTestingZustand
טכנולוגיות בקורס
React
TypeScript
Vite
הקורס הזה חלק מ-המסלולים:
מעדיפים גישה לכל הקורסים? ראו את התוכניות שלנו ←
תוכן הקורס
26 שיעורים · 26 שעות
- 1מבוא ל-React — ה-Why, Virtual DOM ותפיסת Components20 דק׳חינם
- 2JSX ו-Components — בניית ה-UI הראשון שלך25 דק׳חינם
- 3Props — העברת מידע ו-Component Composition20 דק׳חינם
- 4State ו-useState — הנתונים שגורמים ל-UI להתעדכן25 דק׳
- 5useEffect — Side Effects, Cleanup ו-Dependency Array25 דק׳
- 6Event Handling — טיפול באירועים ו-Synthetic Events20 דק׳
- 7Conditional Rendering — if, ternary, && ב-JSX20 דק׳
- 8Lists ו-Keys — רינדור דינמי נכון20 דק׳
- 9Forms — Controlled Components וולידציה עם react-hook-form25 דק׳
- 10useRef ו-forwardRef — גישה ל-DOM ו-Imperative APIs20 דק׳
- 11React Router — SPA ניווט, Params, Nested Routes25 דק׳
- 12Context API — State משותף בלי Prop Drilling25 דק׳
- 13Custom Hooks — לוגיקה שאפשר לשתף25 דק׳
- 14Data Fetching — React Query, Loading States, Mutations25 דק׳
- 15State Management — Zustand כחלופה קלה ל-Redux25 דק׳
- 16Error Boundaries ו-Suspense — Graceful Degradation20 דק׳
- 17Tailwind CSS ב-React — Utility-First Styling25 דק׳
- 18Advanced TypeScript ב-React — Generic Components, Discriminated Unions30 דק׳
- 19React Patterns — Compound Components, HOC, Render Props25 דק׳
- 20Accessibility ב-React — ARIA, Keyboard Nav, Focus Management20 דק׳
- 21Animations — Framer Motion ב-React25 דק׳
- 22Testing — Vitest ו-React Testing Library30 דק׳
- 23Performance — memo, useMemo, useCallback, lazy loading25 דק׳
- 24מבוא ל-Next.js — SSR, SSG, App Router30 דק׳
- 25Deployment — Vite Build, Vercel, Environment Variables20 דק׳
- 26פרויקט — בניית אפליקציה שלמה עם React + TypeScript60 דק׳