Full Stack React: קורס אונליין בעברית

הצטרפו אליי לקורס Full Stack React כדי לקבל את הבסיס החזק שאתם צריכים כדי לכתוב מערכות ווב מודרניות באמצעות React, TypeScript, Next, Tailwind ו Shadcn.

נתחיל את הקורס בהיכרות עם הכלים ונראה איך להקים פרויקט ראשון תחילה אונליין ב Playground ואז על המכונה שלכם. אתם תלמדו איך לארגן את הקבצים בפרויקט, איפה לכתוב את כללי העיצוב ואיך להשתמש בספריית הקומפוננטות Shadcn כדי לחסוך לעצמכם זמן בפיתוח וכמובן איך להיעזר ב AI כדי לעצב ולכתוב קומפוננטות. אחרי שתבינו את הבסיס נוכל להתקדם לבניית יסודות תיאורטיים חזקים שילוו אתכם בקורס ובהמשך העבודה עם ריאקט: נלמד על State ואיפה לשמור אותו, איך להפריד בין הלוגיקה ל UI של קומפוננטה, איך לכתוב קוד שיהיה קל לשימוש חוזר וקל להבנה ואיך לשלב מספר קומפוננטות על העמוד.

בחלק הבא של הקורס נעבור ללמוד על המשמעות של Full Stack React ונראה מהן קומפוננטות צד שרת ומהן קומפוננטות צד לקוח, ואיך Next משלב את שני סוגי הקומפוננטות למערכת אחת. כמובן שנעלה את המערכת שנבנה לאינטרנט לאתר של Vercel ועל הדרך אראה לכם גם איך לבנות פרויקט צד-לקוח בלבד או איך להעלות פרויקט next לשרתי איחסון אחרים. בעבודה על Full Stack ניתקל באוסף חדש של אתגרים בפרט איך ומתי למשוך מידע מהשרת, כמה זמן לשמור את המידע ואיך לשתף אותו בין הקומפוננטות או בין גולשים שונים. נלמד על ספריית React Query ועל כל מנגנון ה Cache של next.js. 

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

הנושאים המרכזיים בקורס כוללים:

1. Building Full Stack React / Next.JS Applications 
2. Styling components with TailwindCSS, CSS, CSS Modules and Shadcn
3. Components - Props, state, children
4. Forms
5. Using Hooks: useState, useEffect, useRef, Callback Refs, useDeferredValue, useCallback, useActionState, useOptimistic
6. Deploy single-page and multi-page apps to Vercel
7. Client / Server communication with Server Actions and React Query
8. Custom Hooks
9. Render Props
10. Context API