כל הפוסטים בריאקט
React Query and Authentication
ללא קשר כרגע לReact Query, כל נושא אימות המשתמשים באתרים יכול להיות קשה להבנה. יש תהליך שקורה בצד שרת ויש
React Query – useQuery
React Query היא ספרייה פופולרית מאוד עבור ניהול נתונים ביישומים מבוססי React. היא מספקת לנו דרך יעילה ופשוטה לטפל בבקשות
תיעוד ושדרוג רכיבים עם storybook
Storybook הוא כלי קוד פתוח פופולרי המשמש לפיתוח, תיעוד ובדיקת רכיבים חזותיים (UI) באפליקציות Web. הוא מאפשר לך לבנות ולראות
nextJS – קורס fullstack – use client & use server
בעולם המשתנה ללא הרף של פיתוח אתרים, Next.js הפך לכוכב נוצץ, הידוע ביכולות השרת-צד שלו והרנדרינג ההיברידי. אבל מתחת למכסה
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, שרוצים להתקדם
Server Side Rendering with React
אחד הקונספטים היותר מעניינים בעולמות של FRONT END DEVELOPMENT זה SSR . שמעתי על זה לפני זמן רב אבל לא
React Lazy Load
שיעור קצר בReact עם דגש על ביצועים (performance) שאותם תוכלו לשפר עם React Lazy Load. כמו כן יש טכניקות שונות
קורס בלוקציין – מעלים את החוזה ל-Mainnet
ברוכים הבאים לשיעור האחרון של קורס בלוקציין NFT שבו עברנו על יסודות בניית חוזה חכם בסולידיטי וגם שימושים בכלים קיימים
קורס בלוקציין – מעלים את החוזה ל-testnet
עכשיו שיש לנו חוזה בסביבה לוקאלית וגם יצירות ב"ענן" של IPFS כעת נבנה את שאר האפליקציה ובהמשך לריץ אותה על
מודדים ביצועים עם ריאקט – React Profiler
כל מי שעובד עם ריאקט בטח מכיר את "בעיית הרינדורים של ריאקט" אם להיות כנה אני לא חושב שזו בעייה,
קורס בלוקציין – עושים MINT בDAPP
אוקי אז אחרי שעשינו את רוב העבודה סביב הבלוקציין הגיע הזמן לתת ליוזרים לעשות MINT דרך איזה אפליקציה וובית שתאפשר
קורס בלוקציין – אפליקציה וחוזה חכם DAPP
ממשיכים מהשיעור הקודם את החוזה החכם והפעם נשלב את החוזה לאפליקציה שיצרנו והנה לכם אפליקציה מבוססת בלוקציין! זה אולי לא
קורס בלוקציין – חוזה חכם Smart Contract
החלק המרכזי של כל פרוייקט בלוקציין הוא כתיבת החוזה החכם. כל מתכנת בלוקציין חייב לדעת לכתוב חוזה אחרת אין כל
קורס blockchain – הקדמה והכנה לפרויקט
ברוכים הבאים לקורס blockchain ופיתוח אפליקציות web3. אז כפי שהסברנו בפוסט ההקדמה על מה זה web3 נוכל להמשיך וללמד אתכם
קורס תכנות משחקים – webgl – שיעור שביעי – גרביטציה
אז ברוכים הבאים לשיעורינו האחרון של קורס תכנות משחקים עם webgl. למעשה סיימנו את הפרויקט דוגמה של הקורס כבר בשיעור
קורס תכנות משחקים – webgl – שיעור שישי – לוגיקת סיבוב המטבע וקצת GUI
ברוכים הבאים לשיעור שישי בקורס תכנות משחקים בחינם. בשיעור הזה נבצע את הלוגיקה של סיבוב המטבע שיצרנו בעזרת threejs עם
קורס תכנות משחקים – 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 –
מדריך ריאקט – react hooks | Custom Hook
ברוכים הבאים לשיעור האחרון במדריך ריאקט – React Hooks . הפעם נעבור על איך לייצר הוק משלכם! מה שנקרא custom
מדריך ריאקט – 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 העולם של מפתחי ריאקט הולך לכיוון של רכיבים
graphQl עוקף את REST בסיבוב? מדריך GQL
אם פעם חשבתם ש graphql הוא הפתרון הטוב ביותר לקריאות דטה בייס ככל הנראה צדקדם. יותר ויותר שימושים עם graphql
מדריך ריאקט – classes, functional component & hooks
מי שמכיר ריאקט עוד מראשיתו לא זוכר שהיו בכלל hooks או functional components (כי לא היו). והיום המצב שונה והשימושיות
בעיות נפוצות ב-react | קינפוג עם sass
היום נתקלתי בבעיה חדשה שניסיתי לקנפג לפרויקט חדש ספריית node-sass שמאפשרת לכם ליצור קבצי scss לפרויקט הריאקטי שלכם. להלן השגיאות
מדריך react | ריאקט | איך מעבירים מידע בין קומפננטות באמצעות props
קוד התנין הבא יהיה בניסוח מעט שונה. כלומר זה לא יהיה איזה מדריך משעמם חלילה. כפי שאתם כבר הבנתם ומי

