בפרק הזה של Front Cast, אדיר קנדל וניר ארגיל צוללים עמוק לעולם של TanStack עם שחר קזאז, מפתח פרונט-אנד מוביל ומוביל צוות ב- Coralogix. אם אתם מתמודדים עם ניהול נתונים ב-Front-End, כנראה ששמעתם על React Query, אבל האם ידעתם שהוא רק חלק קטן ממשהו הרבה יותר גדול? TanStack הפך בשנים האחרונות לסט הפתרונות האולטימטיבי לניהול Caching, Fetching, Optimistic UI, ועוד – לכל פריימוורק, לא רק ל-React.

"מרגע שהתחלתי להשתמש ב-TanStack Query, זה שינה לי את החיים – החוויית פיתוח שלי השתפרה מקצה לקצה. למה עד היום הייתי צריך לדחוף את כל הנתונים לסטייט מנג'ר כללי?"

בפרק הזה, אנחנו מפרקים את TanStack לגורמים ומבינים למה הוא כבש את עולם ה-Front-End ואיך הוא יכול להפוך את העבודה שלכם להרבה יותר פשוטה.

על מה דיברנו?

- איך TanStack Query משנה את כללי המשחק בניהול נתונים, ומה היתרון שלו על סטייט מנג'רים מסורתיים.

- ניהול Caching, Fetching, Optimistic UI, ועדכונים חכמים – כולל איך למנוע טעויות נפוצות.

- למה TanStack תפס כל כך חזק ולא רק ב-React?

- מה הטעויות הנפוצות בשימוש בספרייה?

- TanStack Virtual – איך לרנדר אלפי פריטים בקלות ולשפר ביצועים בלי לפגוע בחוויית המשתמש.

- TanStack Table – הדרך הכי נוחה להתמודד עם טבלאות מורכבות.

- האם יש מקרים שבהם דווקא לא כדאי להשתמש ב-TanStack?

מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google

⁠https://linktr.ee/front_cast

-------

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

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

בפרק הזה של Front Cast אנחנו משדרים ישירות מאולפן ייחודי בזאפה תל אביב מתוך הכנס הבינלאומי של Angular TLV, עם האורח המיוחד שלנו עומרי ברזיק, מפתח תשתיות Front-End בחברת Outbrain.

עומרי לוקח אותנו למסע מרתק בעולם של Angular CLI ו-Schematic, תוך שיתוף בתובנות ייחודיות על פיתוח תשתיות פרונט ומניעת טעויות בקוד.

אז על מה דיברנו:

- איך CLI עוזר למנוע טעויות בקוד ולשמור על קונבנציות ברורות.

- מה זה Angular Schematic, ואיך הוא משתלב בצורה חלקה עם CLI.

- איך יוצרים Schematic לפרויקטים ולמה זה כלי עוצמתי בארגונים גדולים.

- טיפים וכלים לפיתוח Schematic בצורה אפקטיבית.

- האם יש מקרים שבהם לא כדאי להשתמש ב-Schematics.

מאמרים של עומרי בנושא:

🔗 How To Integrate With ng update

🔗 How To Setup Tests For Angular Schematics

נפגשנו עם ינאי אדרי היקר,
מפתח בכיר בCyberArk,
יוצר תוכן,
מהמייסדים של Negev Web Developers,
מרצה בכנסים
ואפילו פרמדיק.
אז על מה דיברנו...
למה הוא מתכוון אבנים חבויות או JS Hidden Jems?
מי אלה בהרחבה?
Web Share API: מאפשר שיתוף תוכן (טקסט, קישורים וקבצים) מיישומי ווב באמצעות ממשק שיתוף מקומי של המכשיר.
Web Speech API: מאפשר זיהוי דיבור (Speech Recognition) והפיכת טקסט לדיבור (Text-to-Speech) באפליקציות ווב.
Metadata API: מספק גישה למידע מטא-דאטה של מסמכים או רכיבים כמו קבצים, תמונות או תוכן מדיה.
Web OTP API: מאפשר קריאה אוטומטית של קודים חד-פעמיים (OTP) שהתקבלו באמצעות SMS, לטובת אימות משתמשים.
Vibration API: מאפשר יצירת רטט במכשיר לצורך מתן פידבק פיזי באפליקציות ווב במכשירים תומכים.
Idle Detection API: מזהה אם המשתמש אינו פעיל או אם המכשיר אינו בשימוש, ומאפשר ביצוע פעולות בהתאם.
Gamepad API: מספק גישה לאינפוטים מבקרי משחק (ג'ויסטיקים) המחוברים למכשיר.
File System API: מאפשר גישה לקריאה, כתיבה וניהול קבצים ותיקיות מקומיים במכשיר המשתמש מתוך יישומי ווב.
UserActivation API: מזהה אם משתמש ביצע פעולה (כמו לחיצה) שמפעילה תוכן או פיצ'רים בדף.
Web Bluetooth API: מאפשר חיבור ותקשורת עם מכשירי Bluetooth ישירות מיישומי ווב.
Web Audio API: מאפשר עיבוד, יצירה וניהול של שמע ביישומי ווב, כולל אפקטים וסינתזה.
Notification API: מאפשר לשלוח הודעות משתמש (notifications) מהדפדפן גם כשהאפליקציה לא פעילה.
Web Authentication API: מאפשר אימות מאובטח ללא סיסמאות באמצעות אמצעים כמו טביעת אצבע, Face ID או מפתחות אבטחה.
לראיון עם ינאי אדרי בבלוג של Feds:
https://fedcast.co.il/%D7%9C%D7%9B%D7%9C_%D7%A9%D7%90%D7%9C%D7%94_%D7%AA%D7%A9%D7%95%D7%91%D7%94/1269/%D7%9C%D7%9B%D7%9C-%D7%A9%D7%90%D7%9C%D7%94-%D7%AA%D7%A9%D7%95%D7%91%D7%94-%D7%A2%D7%9D-%D7%99%D7%A0%D7%90%D7%99-%D7%90%D7%93%D7%A8%D7%99/
Negev Web Developers:
https://www.youtube.com/@negevDev/videos
Yanai Edri LinkedIn:
https://www.linkedin.com/in/yanaiedri/
מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
⁠https://linktr.ee/front_cast
---------
אנחנו נהנים מאוד ליצור תוכן איכותי ומקורי עבור קהילת מפתחי הפרונט בישראל.
מוזמנים להראות תמיכה ולעשות לנו לייק, שיתוף ועוקב, כמובן שגם נשמח לשמוע את דעתכם בתגובות למטה 🙏

בפרק הזה ניר ארגיל ואדיר קנדל צוללים לעומק כל מה שצריך לדעת על טכניקות רינדור – מתי לבחור ב-CSR, למה SSR כל כך פופולרי, ומה זה בעצם ISR? צח בונפיל מצטרף אלינו ומדבר על האתגרים, היתרונות והחסרונות של כל טכניקה, וגם משתף אותנו בחוויות שלו כמוביל פיתוח בצוות פלטפורם ב-AutoDesk.

על מה דיברנו:

הטוויטר של צח:

https://x.com/tzachbonfil

הלינקדאין של צח:

https://www.linkedin.com/in/zach-bonfil-21b822187

🔖 פרטים נוספים וקוד קופון לכנס Angular TLV שיתן לכם 10% הנחה: Front

https://angular-tlv.com

מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google

https://linktr.ee/front_cast

-------

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

בפרק 25, אדיר קנדל וניר ארגיל מארחים את מתן בורנקראוט, מפתח בכיר במיקרוסופט ואחד המתחזקים של React Testing Library, לשיחה על אחד מהנושאים הקריטיים ביותר בעולם הפיתוח בכלל ובפיתוח פרונט בפרט – בדיקות תוכנה. הפעם נדון ב-Behavior Testing.

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

על מה דיברנו הפעם?

🔖 קוד קופון לכנס Angular TLV שיתן לכם 10% הנחה: Front
https://angular-tlv.com

הריפו של React Testing Library:
https://youtu.be/hobx2MfSYhE?si=pST5mAZYZQ1PXPlC

הרצאה בעברית של מתן על איך Testing Library עובדת:
https://www.youtube.com/watch?v=NI8gFuaP31c&t=2s&ab_channel=code.talks%28ehem.DeveloperConference%29

פוסט של מתן על למה אנשים משתמשים בcode coverage בצורה לא נכונה:
https://matanbobi.dev/posts/why-i-dont-like-code-coverage

מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות הפופולריות YouTube, Spotify, Apple, Google
https://linktr.ee/front_cast

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

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

על מה דיברנו הפעם?

פרופיל הלינקדאין של ניר:
https://www.linkedin.com/in/nir-parisian

החברה של ניר - Enpitech:
https://enpitech.dev

היוטיוב של ניר:
https://www.youtube.com/@nirparisian

קהילת פרונטאנדיסטים של ניר:
https://www.facebook.com/share/g/3TND6FDbCPZfEg3b/?mibextid=K35XfP

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

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

על מה דיברנו הפעם?

🔖 קוד קופון לכנס Angular TLV שיתן לכם 10% הנחה: Front
https://angular-tlv.com

פרופיל הלינקדאין של זיו
https://www.linkedin.com/in/ziverlichson/

המאמר של לוי על סטוריבוק בבלוג של FED Cast
https://fedcast.co.il/storybook

מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_cast

----------

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

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

על מה דיברנו הפעם?

🔖 קוד קופון לכנס Angular TLV שיתן לכם 10% הנחה: Front

https://angular-tlv.com

הפרופיל של סהר בלינקדאין:
https://www.linkedin.com/in/sahar-vanunu-949292134

לינקים לקבוצת Flutter Israel פייסבוק:
https://www.facebook.com/groups/2779846762051712/?ref=share

לינקים לקהילות Flutter וואטסאפ:
https://chat.whatsapp.com/IiXc9RyFQ3i0gJCD8NvVsZ
https://chat.whatsapp.com/B8BoYJRkATE7NUncbmzYG9

לינק למאמר של סהר:
https://medium.com/flutter-community/stop-using-state-management-libraries-48a81ed7979d

מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify, Apple, Google
https://linktr.ee/front_cast

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

-------

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