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

הפעם דיברנו על React ו-Vue - בין הפריימוורקים הפופולריים ביותר לפיתוח פרונט, אבל איך בוחרים ביניהם? טל מוסקוביץ' מצטרף לאדיר קנדל וניר ארגיל לשיחה מעמיקה על היתרונות והחסרונות של כל אחד. לקראת הסוף, טל מפתיע אותנו עם הבחירה שלו לפרויקט הבא. על מה דיברנו הפעם? • למה טל בחר להתחיל את הקריירה עם ריאקט? • היתרון של React כספרייה פשוטה לבנייה, לעומת Vue עם קומפיילר מובנה. • איך ריאקט מספקת יותר גמישות עם ספריות צד שלישי, ומה היתרונות ביכולת ההתאמה האישית הזו? • הסבר על Reactivity: למה Vue...

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

מי אמר שניהול סטייט זה דבר מורכב? האמת שכמעט כולם 🙂. לכן, בפרק 24 ניר ארגיל ואדיר קנדל מארחים את ניר פריזיאן לשיחה צפופה על כל הנושא החשוב הזה. על מה דיברנו הפעם? מה זה State Management? איך המטא פריימוורקים עוזרים לנו בניהול הסטייט? אילו סוגיי סטייט יש לנו? איך זה מתחבר לדיזיין פאטרן של Observable? אילו כלים יש לנו לדיבור הסטייטים שלנו? מה זה State machine? פרופיל הלינקדאין של ניר:https://www.linkedin.com/in/nir-parisian החברה של ניר - Enpitech:https://enpitech.dev היוטיוב של...

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

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

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

נחשפנו ל React Server Components לראשונה בגירסא 19 של ריאקט. הרעיון הוא לתת אפשרות ליצור קומפוננטה שמתרנדרת בשרת ונשלחת לקליינט בצורה אסינכרונית, כך שה UI לא נתקע ויכול לבצע כמה קריאות במקביל ומצד שני אנו יכולים להשתמש ישירות במידע שנמצא בשרת ללא צורך לבצע בקשות API בצד הלקוח. בפרק 20 אדיר קנדל וניר ארגיל מאחרים את נדב ליבוביץ׳ כדי לדבר על הרעיון פורץ הדרך הזה. על מה דיברנו הפעם? מה זה RSC ומאיפה זה התחיל? מה המגבלה של RSC? עד כמה זה באמת אפקטיבי אל מול הגישה המסורתית של רינדור בצד...

בפרק 19 אדיר קנדל וניר ארגיל מארחים את גל ויצמן, מומחה בעולם האבטחה בווב. הניסיון של גל התחיל עוד מימי הצבא וממשיך גם לזיהוי חולשות אבטחה ומימוש פתרונות שעוזרות בהפחתת ניצולן. נתון מעניין על גל - הוא אחד הבודדים שהצליחו למצוא פירצת אבטחה באפליקציית הווב של Whatsapp. על מה דיברנו הפעם? איך גל מצא פרצת אבטחה בוואטסאפ ווב? מה זה Supply chain attack (מתקפת שרשרת אספקה)? למה Iframe יכול ליצור בעיית אבטחה בזמן ריצה? איך Snow js עוזרת להתגונן מפניה? איזה ממלכות יש לנו ב js? מה זה Monkey...

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

בפרק 17 ניר ארגיל ואדיר קנדל מארחים את גיל תייר כדי להבין ביחד מה המחיר שאנחנו שילמנו ועדיין משלמים כדי להקל על חוויית הפיתוח שלנו? חוויית הפיתוח בפרונט היא לרוב פשוטה, פקודה אחת שמכינה לנו פרויקט שלם עם כלים וקונפיגורציות מורכבות. העניין הוא שכדי לקבל חוויית פיתוח פשוטה נאלצנו להכניס לא מעט כלים בדרך שאין לנו מושג איך הם עובדים Under the hood ואילו תלויות הם מביאים איתם. ההבנה הזו למעשה דווקא מכניסה מורכבות להתליכים אחרים, שדרוג גרסאות, CI/CD, עקומות למידה וכו׳. על מה דיברנו...

אין מפתח או מפתחת שלא שאלו את עצמם איך מהפכת ה AI הולכת להשפיע עליהם? בפרק 16 אדיר וניר מארחים את יואב גן-בר DevRel ב- BuilderIO מי שאחראית על לא מעט פיתוחים מעניינים בעולם הווב, ביניהם פלטפורמת בניית אתרים המשלבת יכולות Gen AI, הפריימוורק Qwik ועוד... על מה דיברנו הפעם? מה התפקיד של יואב ב BuilderIO ואילו כלים היא בונה? איך ה AI משפיע על היום-יום של מפתחי פרונט? על v0 שמעתם? הכלי AI של Vercel שעשה לא מעט באזז לאחרונה, מה הוא שווה? Screenshot-to-code - כלי AI שיודע לקבל screenshot...

מפתחי פרונט - כמה פעמים הטיחו בכם שפרונט זה קל? בתור מפתחי פרונט גם אדיר וניר מבינים שזה נושא רגיש ובדיוק בגלל זה החלטנו לעשות פרק שעונה לכל הציניקנים. בפרק 15 אירחנו את גיל פינק, אחד ממפתחי הפרונט הבולטים בארץ שכל שנה מגיע גם לבמות בינלאומיות. לאורך הפרק גיל שיתף אותנו בפרויקטים שהוא בנה בתור מפתח בכיר כחלק מצוותי פיתוח של חברות גדולות. אז למה גיל מתכוון שהוא אוהב את ה-Hard core architecture frontend development בפרונט? למה ההעדפה שלו היא העולמות של הפרונט כיום על גבי הבקאנד שעסק בו...

בפרק 14 אדיר קנדל וניר ארגיל מארחים את דן שפיר כדי לפרק את תחום הביצועים בווב לגורמים. המטרה - להבין על מה צריך להסתכל כשמודדים ביצועים באתר ולמה? דן הוא מומחה בינלואמי בתחום הביצועים בווב, מנחה בפודקאסט JS Jabber ומומחה מוזמן מטעם W3C בתחום הביצועים. הנה השאלות שענינו עליהן בפרק: איך התחלת את מסע הווב שלך? איך הגעת ל Wix? ומה עשית שם? למה לגוגל חשוב לשמר את עולם הווב? איך גוגל מודדת ביצועים לאתרים? ועל מה זה משפיע? אילו כלים עוזרים לי למדוד ביצועים בזמן אמת? מה זה LCP? מה זה...

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

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

בפרק 11 ניר ארגיל ואדיר קנדל מאחים את טל-לי ברק - שגרירת Playwright, הכלי הכי נפוץ כיום ל UI Tests. על מה דיברנו הפעם? - מה ההבדל בין בדיקת קומפוננטות ספציפיות לדפים שלמים? - איך לשלב בדיקות קומפוננטות עם Playwright & Storybook? - איך לשפר את זמני הריצה של הבדיקות ה UI שלנו? - מה זה UI Tests ואיך זה שונה מ e2e tests ו Unit tests? - מה זה Visual Regression Testing? - מה זה Flakiness בבדיקות UI? - במה Playwright שונה משאר הפתרונות הקיימים? #Playwright #UITesting...

פרק 10 של Front Cast כבר כאן ואיתו אורח מאוד מעניין. הפעם ניר ארגיל ואדיר קנדל מארחים את יונתן קרא, אחד מהמרצים המעולים בקהילת הפיתוח הישראלית ובפרט אחד שאוהב ומעמיק בבדיקות תוכנה. יונתן אפילו פיתח מתודולוגיות שקרא לה: Scientific Programming, בעצם להחיל את השיטה המדעית על התכנות שלנו - איך לדעת שקוד הוא ״נכון״? הצטרפו לפרק שיעשה לכם סדר בראש בכל עולם הטסטים. על מה דיברנו הפעם? - איך הפכת לתומך נלהב של בדיקות? - מה זה בכלל בדיקות יחידה (Unit tests)? - מתי ולמה צריך אותם? - מה זה...

בפרק ה9 של Front Cast ניר ארגיל ואדיר קנדל מארחים את אשפית ה #TypeScript הישראלית - אריאל שולמן. בשיחה שלנו התחלנו בלהבין קודם כל מה זה הכלי הזה שכולם משתמשים בו כבסיס לכל פרויקט מודרני כמעט. למרות הפופולריות שלו, עדיין לא באמת מבינים איך TypeScript עובד ולמה הוא נוצר. בהמשך מנינו גם כמה דעות לבעד ונגד השימוש בטייפסקריפט וגם כמובן, מה ההאלטרנטיבות למי שלא רוצה להשתמש ב TS. ֿלבסוף הזכרנו גם כמה כלים, טיפים ותכנים שימושיים כדי שכולנו נוכל לשפר את העבודה שלנו עם TypeScript. לפרופיל הלינקדאין...

בפרק השמיני של Front Cast אדיר קנדל וניר ארגיל יושבים לשיחה צפופה עם אחת הדמויות המוכרות בקהילת ה #Angular הישראלית, אלירן אליאסי, כדי לספר לכם על כל מה שמעניין באנגולר. חלק מהדברים שדברנו עליהם: ⬅️ כיצד אנגולר מבדילה את עצמה ומדוע על מפתחים לשקול לעבוד איתה?⬅️ מהם השינויים והשיפורים הבולטים שהוצגו בגרסאות האחרונות?⬅️ כיצד אנגולר משפרת ועובדת על אופטימיזציית הביצועים?⬅️ איפה אנגולר פחות מצטיינת?⬅️ איך אנגולר מטפלת ועובדת בנושא ניהול הסטייט?⬅️ כיום לכל ספריה יש פתרון SSR/SSG, מה הפתרון של...

ניר ארגיל ואדיר קנדל יושבים לשיחה כנה עם ניר קאופמן על הפלוסים והמינוסים של ריאקט. מהר מאוד הגענו למסקנה שריאקט אומנם התחילה כספריית פרונט אבל היום הפכה כבר לקונספט שמטרתו לפשט עבורנו את כתיבת האפליקציה שלנו. דיברנו על SSR ואיך ריאקט הפכה להיות הבסיס לפריימוורקים גדולים יותר כמו Next.js ו Remix? ניתחנו גם את הבעיות הבסיסיות של React כמו קונבנציות או ריבוי ספריות. אין ספק שאת הפרק הזה אתם חייבים לשמוע בין אם אתם מה fan boys או ה haters. קהילת Tech-a-hike של...

בפרק החדש של Front Cast אדיר קנדל וניר ארגיל ראיינו את דימה וישנבצקי, מפתח פרונט בכיר אבל בין היתר גם מנהל קהילת Vue הישראלית. הנה חלק מהשאלות שניסינו לענות עליהן - מי עומד מאחורי Vue ומה היא מנסה לפתור? במה Vue שונה מאחרות? ולמה שמפתחים יתחילו לעבוד איתה? כיום לכל ספריה יש פתרון SSR/SSG, מה הפתרון של Vue? עם איזה כלים/ספריות נוספות מומלץ לעבוד בסביבת העבודה עם Vue? האם יש היצע למשרות עבור מפתחי Vue? למה הקמת את קהילת המפתחים הישראלית של Vue? גלשנו גם לשיחות צדדיות לא פחות...

בפרק של היום מתארח דוד מאיר לוי - מפתח וארכיטקט פרונט מנוסה. הפרק מדבר על Velocity של צוותי פיתוח בפרונט והחלטנו לתקוף את הנושא הזה מכמה כיוונים. אילו כלים יכולים לעזור לנו לשמור על זריזות הפיתוח? האם יש תהליכים שיכולים להאט או להאיץ את פיתוח הפרונט? איך התקשורת הבינצוותית משפיעה? בין צוות הפרונט לצוותי הבאק, פרודקט ודיזיין? בקיצור, כמו תמיד, פרק מרתק במיוחד ותוכלו לראות את זה לפי רמת ההקשבה והפוקוס שלנו באולפן (למי שצופה בפרק). מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube,...

בפרק הרביעי של Front Cast אדיר קנדל וניר ארגיל מארחים את שמעון מויאל כדי לדבר על כל מה שקשור בדיבאגינג בפרונט. - איך נראה תהליך איתור באגים? - האם אפשר למנוע באגים לחלוטין? - האם אפשר למנוע באגים עוד לפני שקרו, כלומר בתהליך כתיבת הקוד? - מה קורה אחרי שמצאנו באג? - מה זה תהליך RCA (Root cause analysis) או נתיחה שאחרי המוות (Post Mortem) ולמה הוא חשוב? ולסיכום, נתנו כמה טיפים למי שרוצה לשפר את תהליך מציאת הבאגים שלו בפרונט 🥳 מוזמנים לצפות ולהאזין לנו בכל הפלטפורמות: YouTube, Spotify,...