Site Logo Site Logo
  • דף הבית
  • קורסים
  • בקטנה
  • אודות
  • דברו איתי
  • בלוג
  • תוכנית המנויים
כניסה
Site Logo Site Logo
  • דף הבית
  • קורסים
  • בקטנה
  • אודות
  • דברו איתי
  • בלוג
  • מסלול Full Stack

רשימת השיעורים

התקנה ופיתוח תוכנית ראשונה
1. סקירת הספריה והקורס
2. הפקד הראשון שלי
3. הפקד הראשון שלי - ריאקט 16
4. שילוב ריאקט בקוד שלנו
5. שילוב ריאקט 16 בקוד שלנו
כתיב הפקדים
6. העברת קלט לפקד באמצעות Props
7. העברת קלט לפקד באמצעות Props בריאקט 16
8. ניהול State של פקד
9. ניהול State של פקד בריאקט 16
10. כתיב המחלקות
11. פקדים פונקציונאליים
12. תרגול פקדים
פקדים מורכבים
13. עבודה עם רשימות ב React
14. גישה ישירה ל DOM
15. גישה ישירה ל DOM בריאקט 16
16. עוד כמה טיפים לשילוב ES6 ו React
17. סקירת תוכנית ריאקט המורכבת ממספר פקדים
18. שיפור קוד התוכנית והתאמה לגירסא 16
19. תרגול פקדים מורכבים
20. מחזור חיים של פקד
21. זרימת מידע ב React
22. טיפול בילדים (children)
23. תרגול מחזור חיים
שילוב פקדים עם העולם החיצון
24. שימוש חוזר בקוד באמצעות Mixins
25. שימוש חוזר בקוד באמצעות Higher Order Components
26. שלוב React עם jQuery Plugin
27. ריאקט ותקשורת Ajax
28. ריאקט ותקשורת Ajax מבוססת הבטחות
29. שיפור ביצועים באמצעות צמצום קריאות ל Render
30. תרגול תקשורת
לחשוב ריאקט
31. פיתוח משחק איקס עיגול
32. חלוקת העבודה בין פקדים
33. ריבוי לוחות למשחק איקס עיגול
34. ניתוב צד-לקוח באמצעות React Router
ארכיטקטורת Flux ו Redux
35. ארכיטקטורת Flux
36. הספריה Immutable.JS
37. תרגול: עבודה עם Immutable Data
38. מבוא ל Redux
39. חיבור ממשק משתמש מבוסס React
40. הספריה react-redux
41. פיצול אוביקט המידע
42. תקשורת עם צד שרת ביישום Redux
43. הספריה redux-form
44. הגשת טופס לשרת
45. וולידציה בצד לקוח
46. טיפול בשגיאות שרת
47. תרגול טפסים ברידאקס
48. פרויקט סיכום
  • קטלוג הקורסים
  • React 15
  • 📁 תיקיית הדוגמאות
  • 👨‍💻 סביבת תרגול

ניהול State של פקד בריאקט 16

  • תוכן עניינים
  • וידאו
  • דיון
  • « לשיעור הקודם
  • לשיעור הבא »
  • למה השתנה setState
  • העברת פונקציה ל setState
  • שינויים נוספים במעבר לריאקט 16
  • ביצוע bind ידני

קוד הדוגמא שהוצג בפרק:
https://github.com/tocodeil/react-course-examples/tree/master/09-state_v16

הפעלת setState בריאקט 16:

this.setState((oldState) => ({ counter: oldState.counter + 1 }));

 

Site Logo

אנחנו באוויר ומלמדים תכנות ברשת משנת 2014. אם אתם כאן זה אומר שאתם מסכימים לתקנון האתר. ויש גם הצהרת נגישות.