הפודקאסט שבו מדברים על כל מה שבפרונט ומעבר לו

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

פרקים

32 דקות

Design Systems & shadcn: עם דולב קלפנר

הפרק השמיני של פרונטוק כאן! והפעם אירחנו את דולב קלפנר שהגיע לספר לנו על דיזיין סיסטם ועל shadcn. דיברנו על מה זה דיזיין סיסטם, האם נדרש מעצב בשביל שספריית קומפוננטות תיחשב כדיזיין סיסטם. דנו בהאם shadcn יכול להיות תחליף לסטוריבוק, והאם כדאי להתחיל פרוייקט חדש עם shadcn או שעדיף להסתמך על הספריות הקלאסיות? דיברנו על שרת הMCP החדש של shadcn ועוד פיצ'רים חדשים שיצאו. וכמובן, איך אפשר בלי, על איך AI יכול לעזור לנו במעבר בין דיזיין סיסטם שונים וכמה זמן ייקח לנו לעשות את המעבר בעזרתו.

shadcn/ui Documentation

התיעוד הרשמי של shadcn/ui

shadcn/ui GitHub Repository

מאגר הקוד של shadcn/ui

shadcn Figma Design System

פיגמה של דיזיין סיסטם של shadcn

45 דקות

Fun With Feature Flags: עם שגיא הרוש

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

Feature Flags Best Practices

מאמר על שיטות עבודה מומלצות עם פיצ'ר פלאגים

Feature Flag Services Comparison

השוואה בין שירותי פיצ'ר פלאגים שונים

Feature Flags in Software Development

מאמר של מרטין פאולר על פיצ'ר פלאגים בפיתוח תוכנה

23 דקות

WebSockets & SSE: איך עושים תקשורת בזמן אמת

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

SSE, WebSockets, or Polling? Build a Real-Time Stock App with React and Hono

פוסט שמלמד איך לבנות אפליקציה שמשתמשת בSSE וWebSocket בריאקט

WebSocket Documentation

התיעוד של WebSocket בMDN

Server-Sent Events Documentation

התיעוד של Server-Sent Events בMDN

33 דקות

useEffect: שימוש אפקטיבי באפקטים

הפרק החמישי של פרונטוק הגיע! והפעם נדבר על אחד ההוקים הכי שנויים במחלוקת שיש בריאקט, useEffect. נדבר על ההסטוריה של ריאקט, על למה השימוש באפקטים כל כך מאתגר ולמה שימוש שגוי הוא כל כך נפוץ. נסתכל על אלטרנטיבות לuseEffect, ועל העתיד של ריאקט ואיך הצוות של ריאקט מנסה לפתור את הקשיים שקיימים היום בעבודה עם useEffect. וכמובן, איך אפשר שלא, נדבר על איפה זה פוגש AI, בסופו של יום אם אנחנו כמפתחים כותבים קוד שמשתמש בuseEffect לא נכון, אז גם Cursor ילמד מאיתנו ויכתוב גם הוא קוד שגוי.

You Might Not Need an Effect

מאמר על מתי אפשר להימנע משימוש בuseEffect

Effects can be Hard

מאמר על הקשיים בשימוש בuseEffect

Using Effects Effectively Meetup Session

הקלטה של מפגש על שימוש אפקטיבי בuseEffect

27 דקות

GraphQL: הבחירה הנכונה ב-2025?

ברוכים הבאים לפרק הרביעי של Frontalk, מדברים על כל מה שבפרונט ומעבר לו! בפרק נדבר על GraphQL, למה פייסבוק בנו מוצר כזה, מה הערך שהוא נותן ביחס לREST API, איזה בעיות הוא פותר היום והאם היינו בוחרים בו לפרוייקט חדש ב2025.

GraphQL Official Website

האתר הרשמי של GraphQL

GraphQL Specification

המפרט הרשמי של GraphQL

Apollo GraphQL

פלטפורמה פופולרית לניהול ויישום GraphQL בקלות

25 דקות

Astro: הפריימוורק הבא שכדאי לכם להכיר

ברוכים הבאים לפרק השלישי של Frontalk, מדברים על כל מה שבפרונט ומעבר לו! בפרק נדבר על Astro, שהוא Framework לבניית אתרים שמתמחה בStatic Site Generation, נדבר על פיצ'רים ייחודיים שקיימים רק בAstro ולא תמצאו בFrameworkים האחרים, נשתף מהנסיון האישי שלנו בשימוש בAstro בכמה אתרים שבנינו, ביניהם האתר של הפודקאסט. נשווה בין Astro לפריימוורקים ותיקים יותר כמו Next.js, נדון ביתרונות ובחסרונות, וננסה לענות על השאלה: מתי כדאי לבחור ב-Astro, ומתי עדיף להישאר עם הכלים המוכרים.

Astro Documentation

התיעוד הרשמי של Astro

Astro GitHub Repository

מאגר ה-GitHub של Astro

Astro Blog

הבלוג הרשמי של Astro

54 דקות

ריאקט ב2025: קומפוננטות בשרת או SPA קלאסי

ברוכים הבאים לפרק השני של Frontalk, מדברים על כל מה שבפרונט ומעבר לו! בפרק נדבר על הכיוון שאליו React הולכת בשנים האחרונות, המעבר לשרת כברירת מחדל, מתי לבחור בFramework כמו Next.js ומתי עדיף לבחור בSPA קלאסי מבוסס Vite. ננסה להבין למה React שינתה את הגישה של "React is just javascript", מה עומד מאחורי המעבר לServer Components ואיך זה משפיע על הדרך שבה אנחנו בונים אפליקציות היום.

React Create New App Docs

התיעוד של ריאקט ליצירת אפליקציה חדשה

Build a React app from Scratch (Vite SPA)

התיעוד של ריאקט ליצירת SPA

האתר של Next.js

האתר של Next.js שהיא הFramework שאיתו הצוות של ריאקט ממליצים להתחיל

22 דקות

Supabase: כשהבקאנד פוגש את הפרונט

ברוכים הבאים לפרק הראשון של Frontalk, מדברים על כל מה שבפרונט ומעבר לו! בפרק נדבר על Supabase, שירות Backend as a service שגם מפתחים וגם AI מאוד אוהבים. נדבר על מה הייחודיות בSupabase, איך זה שאפשר לגשת מצד הלקוח כמעט ישירות לדאטבייס, על אבטחה בעידן הVibe Coding ועל מתי כדאי להשתמש בSupabase.

Supabase Official Documentation

התיעוד הרשמי של Supabase

Row Level Security (RLS) Guide

מדריך לאבטחת טבלאות ב- Supabase

Supabase Self Hosting Guide

מדריך להתקנה עצמית של Supabase

Pocketbase

האתר של Pocketbase

על הפודקאסט

Frontalk הוא פודקאסט טכני שבו אנחנו מדברים על חדשנות בפרונטאנד, כלים בקדמת הטכנולוגיה, דיונים טכניים, ספריות חדשות ועוד. בכל פרק אנחנו צוללים לעומק – מפריימוורקים עדינים ועד החלטות ארכיטקטורה כבדות, עם דגש על מה שבאמת משפיע על העבודה היומיומית של מפתחים. הצטרפו אלינו לשיחות עם אנשי מקצוע מהתעשייה, על טרנדים חמים, אתגרים מתמשכים, ודברים שלא תמיד נכנסים ל־release notes.

מי אנחנו?

צרו קשר