Frontalk

בפרק 14 אירחנו את אלעד, Product Design Team Lead ב-Cyera. דיברנו על החיבור בין עיצוב לפיתוח, ועל איך בונים שפה משותפת בין מעצבים למפתחים לאורך כל תהליך העבודה.

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

נגעו גם בכלים שמשנים את המשחק, כמו Figma Dev Mode, v0, Google Stitch וכלי AI נוספים, ואיפה הם באמת עוזרים לצוותים לעבוד מהר יותר, ואיפה הם עדיין רק מוסיפים רעש.

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

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

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

אחרי הפרק תכירו את הדרכים השונות לניהול סטייט בדפדפן ותדעו בדיוק איך לנהל סטייט באפליקציות React, מתי לגשת לספריות כמו Zustand או React Query ומתי להסתפק בuseState או useContext.

פוסט שמספר על איך לבנות ספריית ניהול סטייט בריאקט עם useSyncExternalStore:

https://dev.to/paripsky/build-your-own-react-state-management-library-in-under-40-lines-of-code-with-typescript-support-hji

בפרק 12 אנחנו מארחים את כפיר שיינהולץ שהגיע לספר לנו על הודעת סמס חשודה שהוא קיבל ואיך התגלגלו האירועים ממנה ועד לגילוי תשתית פישינג (דיוג בעברית) שמבוססת על בוט טלגרם מתוחכם.

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

ברוכים הבאים לפרק ה11 של פרונטוק!

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

נדבר על הדיירקטיבים החדשים בריאקט וב-Vercel Workflows, על Web Components ולמה הם לא בשימוש נרחב, וגם על פתרונות כמו Lit.

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

פרק עשר פה!

והפעם אירחנו את ניר וינקלר לשיחה מרתקת על איך זה להיות המפתח הראשון בחברת סטארטאפ (Founding Engineer).

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

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

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

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

הפרק התשיעי של פרונטוק הגיע!

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

נציג את השיקולים שבין ניהול שרתים בעצמנו לבין פתרונות סרברלס כמו Vercel ו-Cloudflare, על הפחד מ-Vendor Lock ומה המשמעות של לעבור בעתיד לתשתית עצמאית.

נבחן מתי כדאי לבחור במסד נתונים מנוהל כמו Neon או Supabase, ומה היתרונות והחסרונות מול הרמה עצמית של PostgreSQL בענן.

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

וניגע בשאלה הנצחית: האם בכלל שווה להשקיע בלהרים פרוייקט צד בענן, או שאפשר להסתפק בלהרים את הפרוייקט על לפטופ/טוסטר ישן?

הפרק השמיני של פרונטוק כאן!

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

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

דנו בהאם shadcn יכול להיות תחליף לסטוריבוק, והאם כדאי להתחיל פרוייקט חדש עם shadcn או שעדיף להסתמך על הספריות הקלאסיות?

דיברנו על שרת הMCP החדש של shadcn ועוד פיצ'רים חדשים שיצאו.

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

הפרק השביעי של פרונטוק כאן!

והפעם אירחנו את שגיא הרוש שהגיע לספר לנו על פיצ'ר פלאגים.

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

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

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

ברוכים הבאים לפרק השישי של פרונטוק!

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

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

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

https://dev.to/itaybenami/sse-websockets-or-polling-build-a-real-time-stock-app-with-react-and-hono-1h1g

הפרק החמישי של פרונטוק הגיע!

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

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

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

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