תוצאות חיפוש עבור: ריאקט

מודדים ביצועים עם ריאקט – React Profiler
Typescript

מודדים ביצועים עם ריאקט – React Profiler

כל מי שעובד עם ריאקט בטח מכיר את "בעיית הרינדורים של ריאקט" אם להיות כנה אני לא חושב שזו בעייה,

קרא עוד ←
מדריך ריאקט – react hooks | Custom Hook
Typescript

מדריך ריאקט – react hooks | Custom Hook

ברוכים הבאים לשיעור האחרון במדריך ריאקט – React Hooks . הפעם נעבור על איך לייצר הוק משלכם! מה שנקרא custom

קרא עוד ←
מדריך ריאקט – react hooks | useRef
כללי

מדריך ריאקט – react hooks | useRef

עוד hook מוצלח מבית react הוא useRef. פופולארי מאד והשימוש נפוץ כלכך . אך השימוש בו אינו תמיד נכון, הרבה

קרא עוד ←
מדריך ריאקט – react hooks | useMemo & useCallback
כללי

מדריך ריאקט – react hooks | useMemo & useCallback

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

קרא עוד ←
מדריך ריאקט – react hooks | useReducer
כללי

מדריך ריאקט – react hooks | useReducer

useReducer הינו HOOK שמנהל מידע של הקומפוננטה, בדומה לuseState. קודם כל useReducer מגיע מתוך הרעיון של reduce בjavascipt. אז מה

קרא עוד ←
מדריך ריאקט – react hooks | useContext
כללי

מדריך ריאקט – react hooks | useContext

אחד הדברים השימושיים באפליקציות ריאקט ובכלל, הוא global state management, שהוא למעשה האובייקט הלוקלי של האפליקציה שלכם שמחזיק בתוכו את

קרא עוד ←
מדריך ריאקט – react hooks | useEffect
כללי

מדריך ריאקט – react hooks | useEffect

הוק חשוב מאד במימוש functional components הוא useEffect , מי שמכיר עבודה עם קלאסים בריאקט מכיר את המטודות של לייף

קרא עוד ←
מדריך ריאקט – react hooks | useState
כללי

מדריך ריאקט – react hooks | useState

כפי שציינתי הפוסט הקודם: מדריך ריאקט – classes, functional component & hooks העולם של מפתחי ריאקט הולך לכיוון של רכיבים

קרא עוד ←
מדריך ריאקט – classes, functional component & hooks
כללי

מדריך ריאקט – classes, functional component & hooks

מי שמכיר ריאקט עוד מראשיתו לא זוכר שהיו בכלל hooks או functional components (כי לא היו). והיום המצב שונה והשימושיות

קרא עוד ←
מדריך אנגולר | reactive forms – חיבור הטופס הריאקטיבי לתצוגת הטופס
אנגולר

מדריך אנגולר | reactive forms – חיבור הטופס הריאקטיבי לתצוגת הטופס

אחרי שהיצרנו והרכבנו את האובייקט הריאקטיבי בעזרת formBuilder .עכשיו כל שנותר לנו זה לבנות את הטופס הHTML. ולשייך ולהגדיר, בעזרת

קרא עוד ←
מדריך react | ריאקט | איך מעבירים מידע בין קומפננטות באמצעות props
כללי

מדריך react | ריאקט | איך מעבירים מידע בין קומפננטות באמצעות props

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

קרא עוד ←
React Query – useQuery
כללי

React Query – useQuery

React Query היא ספרייה פופולרית מאוד עבור ניהול נתונים ביישומים מבוססי React. היא מספקת לנו דרך יעילה ופשוטה לטפל בבקשות

קרא עוד ←
nextJS – קורס fullstack – use client & use server
fullstack

nextJS – קורס fullstack – use client & use server

בעולם המשתנה ללא הרף של פיתוח אתרים, Next.js הפך לכוכב נוצץ, הידוע ביכולות השרת-צד שלו והרנדרינג ההיברידי. אבל מתחת למכסה

קרא עוד ←
nextJS – קורס fullstack – פונקציות והוקים ב nextjs
fullstack

nextJS – קורס fullstack – פונקציות והוקים ב nextjs

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

קרא עוד ←
nextJS – קורס fullstack – רכיבים של nextjs
fullstack

nextJS – קורס fullstack – רכיבים של nextjs

קורס fullstack עם nextjs והפעם נדבר על רכיבים של nextjs שכדאי מאד להכיר. nextjs ממשיך להקל עלינו בעבודה וגם פותר

קרא עוד ←
nextJS – קורס fullstack – איך מתחילים
fullstack

nextJS – קורס fullstack – איך מתחילים

ברוכים הבאים לקורס מתכנתי fullstack בסגנון nextjs. קורס למתחילים, הקורס שמתאים למפתחי front end, מפתחים עם רקע ב-react, שרוצים להתקדם

קרא עוד ←
קורס front end – שפות שחשוב לדעת היטב ושפות שצריך להכיר
כללי

קורס front end – שפות שחשוב לדעת היטב ושפות שצריך להכיר

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

קרא עוד ←
קורס front end – שלבים הראשונים בלכתוב קוד כמו שצריך
Javascript

קורס front end – שלבים הראשונים בלכתוב קוד כמו שצריך

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

קרא עוד ←
Server Side Rendering with React
כללי

Server Side Rendering with React

אחד הקונספטים היותר מעניינים בעולמות של FRONT END DEVELOPMENT זה SSR . שמעתי על זה לפני זמן רב אבל לא

קרא עוד ←
React Lazy Load
כללי

React Lazy Load

שיעור קצר בReact עם דגש על ביצועים (performance) שאותם תוכלו לשפר עם React Lazy Load. כמו כן יש טכניקות שונות

קרא עוד ←
קורס front end – מה חייב לדעת כל מתכנת צד לקוח
כללי

קורס front end – מה חייב לדעת כל מתכנת צד לקוח

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

קרא עוד ←
קורס סולידיטי – חלק רביעי – סיכום וקורסי המשך
בלוקציין

קורס סולידיטי – חלק רביעי – סיכום וקורסי המשך

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

קרא עוד ←
קורס סולידיטי – חלק שלישי – תקשורת עם החוזה
בלוקציין

קורס סולידיטי – חלק שלישי – תקשורת עם החוזה

עכשיו ממשיכים לחלק הכייפי וזה התקשורת של היוזרים באפליקציה עם החוזה שלכם! כל מה שצריך לעשות זה להקים איזו אפליקציה

קרא עוד ←
נסיוני האישי בראיונות עבודה כמתכנת פרונטאנד
חיפוש עבודה

נסיוני האישי בראיונות עבודה כמתכנת פרונטאנד

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

קרא עוד ←
Angular Microfrontend Module Federation Tutorial – Part 1
אנגולר

Angular Microfrontend Module Federation Tutorial – Part 1

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

קרא עוד ←
קורס בלוקציין – עושים MINT בDAPP
בלוקציין

קורס בלוקציין – עושים MINT בDAPP

אוקי אז אחרי שעשינו את רוב העבודה סביב הבלוקציין הגיע הזמן לתת ליוזרים לעשות MINT דרך איזה אפליקציה וובית שתאפשר

קרא עוד ←
קורס בלוקציין – אפליקציה וחוזה חכם DAPP
בלוקציין

קורס בלוקציין – אפליקציה וחוזה חכם DAPP

ממשיכים מהשיעור הקודם את החוזה החכם והפעם נשלב את החוזה לאפליקציה שיצרנו והנה לכם אפליקציה מבוססת בלוקציין! זה אולי לא

קרא עוד ←
קורס בלוקציין – חוזה חכם Smart Contract
בלוקציין

קורס בלוקציין – חוזה חכם Smart Contract

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

קרא עוד ←
קורס blockchain – הקדמה והכנה לפרויקט
בלוקציין

קורס blockchain – הקדמה והכנה לפרויקט

ברוכים הבאים לקורס blockchain ופיתוח אפליקציות web3. אז כפי שהסברנו בפוסט ההקדמה על מה זה web3 נוכל להמשיך וללמד אתכם

קרא עוד ←
מה זה web3
בלוקציין

מה זה web3

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

קרא עוד ←
קורס תכנות משחקים – webgl – שיעור ראשון – הקמת הפרויקט
כללי

קורס תכנות משחקים – webgl – שיעור ראשון – הקמת הפרויקט

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

קרא עוד ←
קורס חינם React & GraphQL – שיעור תשיעי – טיפים והנחיות להמשך הדרך
כללי

קורס חינם React & GraphQL – שיעור תשיעי – טיפים והנחיות להמשך הדרך

תודה שבחרתם לקחת חלק והגעתם לסיום קורס חינם ב React & GraphQL חשבתי בהתחלה שזה יהיה יותר קצר והנה כבר

קרא עוד ←
קורס חינם React & GraphQL – שיעור שמיני – noSQL MongoDB
כללי

קורס חינם React & GraphQL – שיעור שמיני – noSQL MongoDB

ברוכים השבים לקורס חינם ב React & GraphQL והנה אנחנו לקראת סיום הקורס. למעשה זה השיעור האחרון אם כי יהיה

קרא עוד ←
קורס חינם React & GraphQL – שיעור שביעי – Apollo client
כללי

קורס חינם React & GraphQL – שיעור שביעי – Apollo client

סוף סוף סיימנו עם הצד שרת עד כה, ומי שעוד לא עקב על כל השיעורים האחרונים בקורס חינם זה מוזמן

קרא עוד ←
כניסה לשוק של תוכניתן מתחיל
בניית אתרים

כניסה לשוק של תוכניתן מתחיל

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

קרא עוד ←
קורס חינם React & GraphQL – שיעור ראשון – אתחול צד לקוח
Typescript

קורס חינם React & GraphQL – שיעור ראשון – אתחול צד לקוח

ברוכים הבאים לקורס חינם בריאקט! זהו מיני קורס חינמי, שבו נלמד שניים מהטכנולוגיות היותר פופולאריות היום בשוק והם: React –

קרא עוד ←
רכיבים: בניה של רכיב MULTI-SELECT נגיש באנגולר
אנגולר

רכיבים: בניה של רכיב MULTI-SELECT נגיש באנגולר

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

קרא עוד ←
רכיבים: בניה של רכיב AUTOCOMPLETE נגיש באנגולר
אנגולר

רכיבים: בניה של רכיב AUTOCOMPLETE נגיש באנגולר

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

קרא עוד ←
רכיבים: בניה של רכיב SELECT נגיש באנגולר
אנגולר

רכיבים: בניה של רכיב SELECT נגיש באנגולר

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

קרא עוד ←
מה זה webpack ואיך משתמשים בזה?
כלים נוספים

מה זה webpack ואיך משתמשים בזה?

לרוב היום, בהרבה מהממשקים שנבנה ,אפשר להבחין באיזה קובץ כזה שנקרא webpack . לא הרבה יודעים מה הוא עושה ואיך

קרא עוד ←
בעיות נפוצות ב-react | קינפוג עם sass
כללי

בעיות נפוצות ב-react | קינפוג עם sass

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

קרא עוד ←
מדריך CSS + HTML – הבסיס – חלק 1
בניית אתרים

מדריך CSS + HTML – הבסיס – חלק 1

חלק ראשון במדריך בסיסי המכיל תגיות HTML שחייבים להכיר

קרא עוד ←
קורס בניית אתרים בוורדפרס – הקדמה
בניית אתרים

קורס בניית אתרים בוורדפרס – הקדמה

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

קרא עוד ←
מדריך אנגולר | reactive forms – בסיס לבניית הטופס המגיב.
אנגולר

מדריך אנגולר | reactive forms – בסיס לבניית הטופס המגיב.

אוקיי אז הגענו לשלב שבו מתחילים לרשום קצת טופסים ולמעשה "סיימנו תיאוריה" (לא מדוייק אבל מפה והלאה זה יהיה לרוב

קרא עוד ←
מדריך אנגולר | reactive forms – היכרות בסיסית עם AbstractControl
אנגולר

מדריך אנגולר | reactive forms – היכרות בסיסית עם AbstractControl

אפשרויות רבות מתאפשרות בעבודה עם reactive forms , ולמעשה כל האפשרויות הללו מגיעות מהאינסטנס של AbstractControl. שמביא איתו את כל

קרא עוד ←
מדריך אנגולר reactive form  – יוצאים לדרך.
אנגולר

מדריך אנגולר reactive form – יוצאים לדרך.

אוקי חברים אז בגלל שכל הנושא של טפסים באנגולר הוא לא כזה איזי ובטח לא יכול היות בפוסט אחד. אז

קרא עוד ←