כל הפוסטים של וינר יאיר
Javascript functions – היכרות עם סוגי פונקציות
בJAVASCRIPT , פונקציות הן חלק מרכזי בשפה, ויש כמה סוגים של פונקציות בהתאם לאופן שבו הן מוגדרות ולשימושים שלהן. הנה
React Query and Authentication
ללא קשר כרגע לReact Query, כל נושא אימות המשתמשים באתרים יכול להיות קשה להבנה. יש תהליך שקורה בצד שרת ויש
React Query – useQuery
React Query היא ספרייה פופולרית מאוד עבור ניהול נתונים ביישומים מבוססי React. היא מספקת לנו דרך יעילה ופשוטה לטפל בבקשות
nextJS – קורס fullstack – כתיבה בצד שרת – middleware
middleware קיימים בכל אפליקציית צד שרת, מי שקצת מכיר קוד בצד שרת, יודע ומכיר מה זה middleware ומי שלא מכיר,
nextJS – קורס fullstack – כתיבה בצד שרת – server actions
הפריימוורק של nextJs בהחלט מפתיע ולטובה, לא סתם הוא הדיבור החם בשוק (נכון לעכשיו), לרוב ניתן למצוא הרבה פידבקים חיוביים
nextJS – קורס fullstack – כתיבה בצד שרת – route handler
נתחיל ונאמר כי כתיבת צד שרת בפרויקט nextjs יהיה מחולק לכמה פוסטים, וכן יש אפשרויות רבות ולכן לא אוכל לפרט
תיעוד ושדרוג רכיבים עם storybook
Storybook הוא כלי קוד פתוח פופולרי המשמש לפיתוח, תיעוד ובדיקת רכיבים חזותיים (UI) באפליקציות Web. הוא מאפשר לך לבנות ולראות
nextJS – קורס fullstack – use client & use server
בעולם המשתנה ללא הרף של פיתוח אתרים, Next.js הפך לכוכב נוצץ, הידוע ביכולות השרת-צד שלו והרנדרינג ההיברידי. אבל מתחת למכסה
Map, Set and regular Object javascript
סוף סוף הנה פוסט מרענן ב javascript! ונדבר על אובייקטים שונים שקיימים בjavascript שהם פחות נפוצים, אולי דברים שהכרתם ולא
nextJS – קורס fullstack – פונקציות והוקים ב nextjs
ברוכים הבאים לפוסט נוסף כחלק מקורס fullstack עם nextjs. והפעם נדבר על hooks של נקסט ונציג שימושים בהם, כמו כן
nextJS – קורס fullstack – רכיבים של nextjs
קורס fullstack עם nextjs והפעם נדבר על רכיבים של nextjs שכדאי מאד להכיר. nextjs ממשיך להקל עלינו בעבודה וגם פותר
nextJS – קורס fullstack – עמודים ותבניות של nextJs
בקורס fullstack זה אנחנו נתמקד ב nextJS וזאת מכוון שnextJS הולך ונהיה פופולארי בימים אלו, כמו כן הוא פתרון טוב
nextJS – קורס fullstack – איך מתחילים
ברוכים הבאים לקורס מתכנתי fullstack בסגנון nextjs. קורס למתחילים, הקורס שמתאים למפתחי front end, מפתחים עם רקע ב-react, שרוצים להתקדם
מדריך אנימציות באנגולר – angular animation
כמפתח פרונט אנד שיודע לכתוב אנימציות בCSS וגם בJS, ורוצה לגשת לכתוב אנימציות באנגולר, יופתע וגם לא מעט, כי אנגולר
קורס front end – שפות שחשוב לדעת היטב ושפות שצריך להכיר
בפוסט הקודם כבר נגענו בקוד וגם הצגתי דוגמאות מתוך פרויקט אנגולר שאני מאמין שרבים מכם מכירים. ובעקבות כך אני רוצה
קורס front end – שלבים הראשונים בלכתוב קוד כמו שצריך
כותרת לא אמינה לפוסט הזה אבל זה מה שמצאתי לנכון אז סליחה מראש, בכל מקרה, לכתוב קוד כמו שצריך זה
קורס front end – סביבת עבודה אולטימטיבית ועבודה עם AI למקסימום תוצאות
אז בקורס front end זה יצא לנו לדבר על הרבה תיאוריות, והדחף לרשום קוד כבר בשיאו😆, כלומר, אני נוטה להאמין
מתכנת פרונטאנד, סיימת את הפיצ’ר, בדקת כמו שצריך?
בחלק גדול מהמקרים תגלו כי אתם מסיימים את המשימה שלכם רגע לפני שריקת הסיום (כמעט כל חברה תרצה להוציא מכם
כל מה שמתכנת frontend צריך לדעת על Figma
כמתכנת frontend, ומעצב (לשעבר), הייתה לי הרגשת זלזול תקופה ארוכה לגבי הכלי הזה שנקרא Figma. לא הבנתי בהיגיון איך כלי
דרכים למימוש אנימציות בכל פרויקט שלכם
מאמין שכולם כבר יודעים את החשיבות של שילוב אנימציות כל ממשק. אפילו אנחנו, כשאנחנו יוזרים, זה משמח שיש אנימציות קטנות
Server Side Rendering with React
אחד הקונספטים היותר מעניינים בעולמות של FRONT END DEVELOPMENT זה SSR . שמעתי על זה לפני זמן רב אבל לא
React Lazy Load
שיעור קצר בReact עם דגש על ביצועים (performance) שאותם תוכלו לשפר עם React Lazy Load. כמו כן יש טכניקות שונות
קורס front end – קיבלתם פיצ’ר, מזל טוב! מה עכשיו? ומאיפה להתחיל? קודם כל, מתכננים.
כל מתכנת פרונט אנד צעיר ואפילו מנוסה חוטא במטודולוגיות עבודה של המקצוע, אני לא מדבר על שיטות עבודה של הצוות,
קורס front end – על קשיי העבודה בארגון, איך לבחור את המלחמות שלך
עם כל היופי של המקצוע הנחשק הזה שנקרא "מתכנת" , אנחנו עדיין עובדים קשה, ממש כמו עובדי בניין בונים תוכנה.
קורס front-end – איך להתמודד ואף להצליח עם ה workflow של הארגון
לרוב בחברות שתעבדו בהן יאמצו מטודולגיות עבודה דומות, ישנן כמה נפוצות, שהן kanban וscrum ואנחנו כאנשי פרונט בסופו של דבר
קורס front end – חשיבות המקצוע והאני מאמין שלי
יצא מחקר שבדק כמה זמן אנשים מבלים מול המסך, יצא כי הממוצע כ21% מהיום, נתון זה אומר שאדם מבלה כ
קורס front end – מה חייב לדעת כל מתכנת צד לקוח
אפרט כאן רשימה דיי כבדה של נושאים שכל מתכנת פרונט אנד חייב לדעת. כמפתחים שאכפת לכם מעשייה שבה אתם נמצאים,
קורס front end – מהות התפקיד בהגדרה “מתכנת צד לקוח” והשלב הבא באבולוציה, אני קורא לזה “מתכנת של חוויה”
יש איזה הייפ כזה בתעשיית ההייטק, בגלל הרבה סיבות כמובן, אני רוצה להצביע על איזה נקודה ספציפית, שהיא מכירת קורסים
מתכנת של חוויה – המסע של מתכנת צד לקוח
למה המדריך הזה הולך לשנות לכם את החיים? כי אני מאמין שקיים בו חלקי מידע שכל אחד ימצא לנכון לאמץ.
קורס סולידיטי – חלק רביעי – סיכום וקורסי המשך
אז הגענו כבר לסוף קורס סולידיטי זה, שנותן לכם את הידע והמעט ניסיון להתחיל את התהליך כך שכל אחד מכם
קורס סולידיטי – חלק שלישי – תקשורת עם החוזה
עכשיו ממשיכים לחלק הכייפי וזה התקשורת של היוזרים באפליקציה עם החוזה שלכם! כל מה שצריך לעשות זה להקים איזו אפליקציה
קורס סולידיטי – חלק שלישי– contracts deployment
ממשיכים לפתח את האפליקציית web3 שלנו שלא עושה יותר מידי חוץ מלתת להתאמן קצת ולראות דוגמאות שימושיות. אז כן בשיעור
קורס סולידיטי – חלק שלישי– OpenZeppelin
עוד ספרייה חשובה ביותר, למפתחי בלוקציין, היא OpenZeppelin, נרצה מאד לאמץ אותה בפרויקט שלנו. OpenZeppelin – חוזים סטנדרטים מאובטחים. הספרייה
קורס סולידיטי – חלק שלישי– hardhat
ברוכים הבאים לחלק השלישי שזהו החלק הכי מעשי בקורס מפתחי בלוקציין ובפיתוח אפליקציות WEB3. בפרק הזה נעסוק בפיתוח מחוץ לרמיקס,
קורס סולידיטי – חלק שני – ירושות ו override
פוסט אחרון לחלק השני של הקורס, כמו כן בהמשך החלקים של קורס זה נמשיך לכתוב בחוזה החכם שלנו וללמוד תוך
קורס סולידיטי – חלק שני – environments and verification
נושא הסביבות הוזכר בפוסט קורס סולידיטי – חלק ראשון – DEPLOY remix ובו סקרנו את הסביבות הקיימות ברמיקס. כעת נתרכז
קורס סולידיטי – חלק שני – מה זה ABI
בשיעור הקודם בנינו חוזה חכם בסיסי והעלינו אותו לבלוקציין של רמיקס (מי שלא מכיר את כל הסביבות, יכול לעבור על
קורס סולידיטי – חלק שני – כתיבת חוזה חכם
ברכות לסיום קורס סולידיטי החלק הראשון! והיכונו לחלק השני של הקורס ובו נתרכז בעיקר בחוזה החכם עצמו, כתיבת החוזה בסיסה
קורס סולידיטי – חלק ראשון – receive & fallback
הגענו שיעור האחרון בחלק הראשון של קורס סולידיטי , בו תלמדו כיצד להיות מתכנתי בלוקציין כך שתוכלו לכתוב חוזים חכמים
קורס סולידיטי – חלק ראשון -Payable functions
מי שעבר על הפוסטים הקודמים כבר קצת מכיר את Payable אבל בכל זאת אחזור על הדברים ופוסט זה שכן ראיתי
קורס סולידיטי – חלק ראשון – modifiers
אחרי שלמדנו את ההגדרות הבסיסיות לפונקציות, והתחלתם גם לרשום פונקציות בעצמכם ופתאום נתקלתם בהגדרה נוספת שלא הכרתם שהיא: modifier .
קורס סולידיטי – חלק ראשון – Functions Types
אולי אחד הפוסטים היותר חשובים בנושא של טייפים, לפונקציות ישנן אפשרויות רבות להגדרה ואשתדל לעשות זאת בפוסט אחד וברור ומי
קורס סולידיטי – חלק ראשון – constant, immutable
כמפתחים חדשים או וותיקים, חלכם אולי מצאתם לנכון לעבור עם שפות מבוססות טייפים, וחלקכם אולי פחות. גם מי שכן עובד
קורס סולידיטי – חלק ראשון – memory, calldata and storage
בהמשך לפוסט הקודם ובהמשך לחלק הראשון בקורס סולידיטי למתחילים והפעם נדבר על טייפים חשובים מאוד וייחודיים לסולידיטי שמאד חשוב להבין
קורס סולידיטי – חלק ראשון – basic types
ממשיכים לתוך החלקים היותר עסיסיים של החלק הראשון בקורס סולידיטי, מזכיר ומציין כי קורס זה מתאים בעיקר למתכנתי בלוקציין על
נסיוני האישי בראיונות עבודה כמתכנת פרונטאנד
אחד הפוסטים שכבר זמן רב שאני רוצה להוציא לאור. כאחד מבין מתכנתי הפרואנט אנד בישראל גם אני נתקלתי בתהליך הסזיפי
קורס סולידיטי – חלק ראשון – DEPLOY remix
להיות מתכנת בלוקציין , בסיס עבודה עם סולידיטי והכרת התהליכים ליצירת חוזה חכם עם remix
קורס סולידיטי – חלק ראשון – remix
רמיקס הינו IDE ייעודי לכתיבת חוזים חכמים על גבי בלוקציין של איתריום (Ethereum) , פותח על ידי הקהילה של איתריום
להיות מתכנת סולידיטי solidity – הקורס המלא.
ברוכים הבאים לקורס סולידיטי. אם ובהתעניינתם בפיתוח בלוקציין וכן קראתם קצת בפוסטים האחרונים שלי, אז ככל הנראה הבנתם שיהיה הכי
חוזה חכם ERC20 כך תוכלו ליצור מטבע משלכם
כבר כל העולם שמע על בלוקציין ועל התקדמות האינטרנט ל web3 וכמובן שכל העולם עובר ומשתמש במטבעות דיגיטליים .. ובכל
בלוקציין מבוא – קורס מפתח בלוקציין
בפוסט זה לא אציג כמעט קוד , אלא יותר הסברים למי שממש ממש חדש ורוצה להיות מפתח בלוציין ולא יודע
יסודות האנגולר- angular lifecycle and change detection
הכל מתחיל בפקודת ng s . הקסם מתרחש , המנוע של אנגולר מתחיל לעבוד ופתאום יש לנו אפליקציה עם שלום
loadash – מי אתה ולמה כולם משתמשים בך?
כמעט בכל פרויקט שתעבדו בו, או שצפיתם בו ברשת או כמעט כל פרויקט אחר שעולמות שלנו של javascript אתם ככל
קורס בלוקציין – מעלים את החוזה ל-Mainnet
ברוכים הבאים לשיעור האחרון של קורס בלוקציין NFT שבו עברנו על יסודות בניית חוזה חכם בסולידיטי וגם שימושים בכלים קיימים
קורס בלוקציין – מעלים את החוזה ל-testnet
עכשיו שיש לנו חוזה בסביבה לוקאלית וגם יצירות ב"ענן" של IPFS כעת נבנה את שאר האפליקציה ובהמשך לריץ אותה על
מודדים ביצועים עם ריאקט – React Profiler
כל מי שעובד עם ריאקט בטח מכיר את "בעיית הרינדורים של ריאקט" אם להיות כנה אני לא חושב שזו בעייה,
קורס בלוקציין – יצירות ה NFT על גבי הבלוקציין
ממשיכים ולומדים איך להיות מתכנתי בלוקציין והפעם פרק עם קצת פחות קוד אבל חשוב מאד להבנה שלכם וגם פרקטיקה אם
קורס בלוקציין – עושים MINT בDAPP
אוקי אז אחרי שעשינו את רוב העבודה סביב הבלוקציין הגיע הזמן לתת ליוזרים לעשות MINT דרך איזה אפליקציה וובית שתאפשר
קורס בלוקציין – חוזה חכם עבור NFT
חוזה חכם מבוסס Ethereum עבור NFT נקרא גם ERC721, מכוון שזהו החוזה הראשון שנכתב עבור יצירות NFT וגם הוא מאד
קורס בלוקציין – אפליקציה וחוזה חכם DAPP
ממשיכים מהשיעור הקודם את החוזה החכם והפעם נשלב את החוזה לאפליקציה שיצרנו והנה לכם אפליקציה מבוססת בלוקציין! זה אולי לא
קורס בלוקציין – חוזה חכם Smart Contract
החלק המרכזי של כל פרוייקט בלוקציין הוא כתיבת החוזה החכם. כל מתכנת בלוקציין חייב לדעת לכתוב חוזה אחרת אין כל
קורס blockchain – הארנק Wallet
להיות מתכנת בלוקציין זה בטוח לא דבר קל ובטח גם פחות סלחני להבדיל ממתכנת "רגיל", יש הרבה דברים שצריך לדעת
קורס blockchain – הקדמה והכנה לפרויקט
ברוכים הבאים לקורס blockchain ופיתוח אפליקציות web3. אז כפי שהסברנו בפוסט ההקדמה על מה זה web3 נוכל להמשיך וללמד אתכם
מה זה web3
ברוכים הבאים לעולם החדש של האינטרנט, או לפחות הדיבור עם "החברה הטובים". הפעילים הרציניים בתחום האינטרנט מנסים לשים ידם על
קורס תכנות משחקים – webgl – שיעור שביעי – גרביטציה
אז ברוכים הבאים לשיעורינו האחרון של קורס תכנות משחקים עם webgl. למעשה סיימנו את הפרויקט דוגמה של הקורס כבר בשיעור
קורס תכנות משחקים – webgl – שיעור שישי – לוגיקת סיבוב המטבע וקצת GUI
ברוכים הבאים לשיעור שישי בקורס תכנות משחקים בחינם. בשיעור הזה נבצע את הלוגיקה של סיבוב המטבע שיצרנו בעזרת threejs עם
קורס תכנות משחקים – webgl – שיעור חמישי – עיצוב המטבע ושימוש בתאורה
אז בשביל ליצור אפקט של מטבע מסתובב צריך לקחת בחשבון שיש למטבע שני צדדים וצריך לשים ציורים שונים על כל
קורס תכנות משחקים – webgl – שיעור רביעי- תנועה של האובייקט הגרפי במרחב
שלום שוב לקוראים היקרים והנה אחד מבין השיעורים שיעלו חיוך על פניכם, אחד הדברים היותר מרגשים כשמתכנתים תלת בתלת מימד
קורס תכנות משחקים – webgl – שיעור שלישי- ציור של אובייקט המטבע
בשיעור היום ניצור את האובייקט של המטבע בתלת מימד ונוסיף אותו היישר לתוך הסצנה במשחק שלנו. והיום סוף סוף נוכל
קורס תכנות משחקים – webgl – שיעור שני- הסצנה והמצלמה
בשיעור היום ניצור את האובייקט של המטבע בתלת מימד על גבי הדפדפן שלנו , בתוך התשתית שיצרנו בשיעור הראשון כך
קורס תכנות משחקים – webgl – שיעור ראשון – הקמת הפרויקט
יכול להיות שנתקלתם פה ושם באתרים שעושים שימוש בתלת מימד באתר שלהם. יכול להיות שחשבתם שזה איזה וידאו או קובץ
קורס חינם React & GraphQL – שיעור תשיעי – טיפים והנחיות להמשך הדרך
תודה שבחרתם לקחת חלק והגעתם לסיום קורס חינם ב React & GraphQL חשבתי בהתחלה שזה יהיה יותר קצר והנה כבר
קורס חינם React & GraphQL – שיעור שמיני – noSQL MongoDB
ברוכים השבים לקורס חינם ב React & GraphQL והנה אנחנו לקראת סיום הקורס. למעשה זה השיעור האחרון אם כי יהיה
קורס חינם React & GraphQL – שיעור שביעי – Apollo client
סוף סוף סיימנו עם הצד שרת עד כה, ומי שעוד לא עקב על כל השיעורים האחרונים בקורס חינם זה מוזמן
קורס חינם React & GraphQL – שיעור שישי – graphQL על query and mutation. המשך.
אז ממשיכים את הפוסט הקודם קורס חינם React & GraphQL – שיעור שישי – graphQL על query and mutation. ובו
קורס חינם React & GraphQL – שיעור שישי – graphQL על query and mutation.
אוקי אז אולי ההגדרות השימושיות ביותר ב graphQL הם query ו mutation שבאופן כללי אלו שמבצעים את כל העבודה של
קורס חינם React & GraphQL – שיעור חמישי – graphQL מגדירים schema.
זהו שיעור המשך של השיעור הקודם קורס חינם React & GraphQL – שיעור רביעי – graphQL מגדירים schema. כמו כן
קורס חינם React & GraphQL – שיעור רביעי – graphQL מגדירים schema.
סוף סוף מתחילים ללמוד graphQL! עד עכשיו התעסקנו בreact וקצת nodejs ועכשיו הדבר האמיתי. כפי שכבר שציינו graphQL מאפשר לנו
קורס חינם React & GraphQL – שיעור שלישי – צד שרת Nodejs של המשחק איקס עיגול.
שיעורים הקודמים למי שעוד לא עקב נמצאים פה: קורס חינם React & GraphQL – שיעור שני – משחק איקס עיגול
קורס חינם React & GraphQL – שיעור שני – משחק איקס עיגול TIK-TAK-TOE
בהמשך לשיעור הקודם – קורס חינם React & GraphQL – שיעור ראשון – אתחול צד לקוח ממשיכים לבנות את הUI
קורס חינם React & GraphQL – שיעור ראשון – אתחול צד לקוח
ברוכים הבאים לקורס חינם בריאקט! זהו מיני קורס חינמי, שבו נלמד שניים מהטכנולוגיות היותר פופולאריות היום בשוק והם: React –
Closures in JavaScript | מה זה?
כשאני נתקלתי לראשונה בClosures זה היה באיזה קורס javascript קצר שעשיתי , וכבר בשיעור הראשון (או השני) מה שלמדנו היה
טיפ לראיון עבודה | Debounce in Javascript
ראיון עבודה הוא דבר שכולנו חוששים ממנו תמיד מלחיץ\מרגש תלוי באופי האישי שלכם אבל אני בטוח ב99 אחוז שכולנו לא
קורס בניית אתרים בוורדפרס – יצירת סוגי משתמשים
הפרויקט שלנו הולך ומתקדם וכבר יש לנו: סיידר בר קוסטום פוסט טייפ תבנית ייחודית מבנה וורדפרסי נקי עכשיו הגיע הזמן
מדריך ריאקט – react hooks | Custom Hook
ברוכים הבאים לשיעור האחרון במדריך ריאקט – React Hooks . הפעם נעבור על איך לייצר הוק משלכם! מה שנקרא custom
אנגולר reactive forms | איך לבדוק שדות עם ולידציה בלחיצה על submit
אז בהמשך למדריך על reactive forms באנגולר . אביא פה עוד תוספת קטנה , שימושית אם לומר את האמת, אבל
מדריך ריאקט – react hooks | useRef
עוד hook מוצלח מבית react הוא useRef. פופולארי מאד והשימוש נפוץ כלכך . אך השימוש בו אינו תמיד נכון, הרבה
מדריך ריאקט – react hooks | useMemo & useCallback
הפעם נדבר על שני הוקים, בפוסט אחד, מכוון ששני ההוקים הללו מאד דומים. נתחיל בהסבר קצר, שימוש של useMemo ,
מדריך ריאקט – react hooks | useReducer
useReducer הינו HOOK שמנהל מידע של הקומפוננטה, בדומה לuseState. קודם כל useReducer מגיע מתוך הרעיון של reduce בjavascipt. אז מה
מדריך ריאקט – react hooks | useContext
אחד הדברים השימושיים באפליקציות ריאקט ובכלל, הוא global state management, שהוא למעשה האובייקט הלוקלי של האפליקציה שלכם שמחזיק בתוכו את
מדריך ריאקט – react hooks | useEffect
הוק חשוב מאד במימוש functional components הוא useEffect , מי שמכיר עבודה עם קלאסים בריאקט מכיר את המטודות של לייף
מדריך ריאקט – react hooks | useState
כפי שציינתי הפוסט הקודם: מדריך ריאקט – classes, functional component & hooks העולם של מפתחי ריאקט הולך לכיוון של רכיבים
קורס בניית אתרים בוורדפרס – Sidebar
בניית Sidebar הם משהו שפעם היינו משתמשים בו המון בשביל להגדיר כל מני איזורי תוכן מסוגים שונים ופונקציונאליות על מנת
graphQl עוקף את REST בסיבוב? מדריך GQL
אם פעם חשבתם ש graphql הוא הפתרון הטוב ביותר לקריאות דטה בייס ככל הנראה צדקדם. יותר ויותר שימושים עם graphql
אנגולר NavigationExtras – skipLocationChange
טיפ קטן, פשוט ושימושי! לא נפוץ במיוחד אבל תתפלאו לגלות כמה זה יכול להקל עליכם אם אתם משתמשים בruoter-outlet פנימי
קורס בניית אתרים בוורדפרס – Custom Post types
לפרויקט שלנו אנחנו רוצים לייצר Custom Post type – או בקיצור cpt . אבל לפני שנבנה אחד, בואו נבין מהם
קורס בניית אתרים בוורדפרס – קובץ functions
כמתכנתי וורדפרס, קובץ הפונקציות הוא החבר הטוב ביותר שלכם, אתם תשתשו בו המון. למעשה הוא הקובץ שעושה את רוב העבודה
סיפור מחיי העבודה כמתכנת פרונט – עובדה תחת לחץ
פוסט שונה באופיו מהפוסטים האחרים אבל אם לומר את האמת הוא לא פחות חשוב. בפוסט הזה אשתף על תהליך עבודה
וורדפרס ופלאגינים – איך לכתוב לתוך פלאגין polylang
מי שמכיר וורדפרס ויצא לו לעבוד עם ריבוי שפות ועדיין לא הכיר את wpml. אז בוודאי בחר להשתמש בפלאגין polylang.
מדריך ריאקט – classes, functional component & hooks
מי שמכיר ריאקט עוד מראשיתו לא זוכר שהיו בכלל hooks או functional components (כי לא היו). והיום המצב שונה והשימושיות