Front Cast אדיר קנדל וניר ארגיל

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

בפרק 20 אדיר קנדל וניר ארגיל מאחרים את נדב ליבוביץ׳ כדי לדבר על הרעיון פורץ הדרך הזה.

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


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

הלינקדאין של נדב:https://www.linkedin.com/in/nadavleb

הטוויטר של נדב:https://x.com/NadavLeb

לאתר של nSoft:https://www.nsoftdev.com



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

-------

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

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

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


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



הפרק שלנו בנושא אבטחה

יוטיוב - https://youtu.be/O11qMtKU8v

ספוטיפיי - https://open.spotify.com/episode/6eTs0beDocDFQZ8a7yhdTI

הבלוג של גל - https://weizmangal.com

הטוויטר של גל - https://twitter.com/WeizmanGal

עמוד הפרויקט של Snow js - https://github.com/LavaMoat/snow

עמוד הפרויקט של LavaMoat - https://github.com/lavamoat/lavaMoat

עמוד הפרויקט של LavaMoat - https://github.com/LavaMoat/LavaDome

כמה חומרים מעניינים של גל - https://weizmangal.com/content/pdf/The%20same%20origin%20concern.pdf



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

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

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

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

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


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

קישורים שימושיים:


הבלוג של רן https://internet-israel.com
הטוויטר של רן https://twitter.com/barzik
הטלגרם של רן https://t.me/interil
ה Teck Radar של טיקל https://www.tikalk.com/radar



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

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

בפרק 17 ניר ארגיל ואדיר קנדל מארחים את גיל תייר כדי להבין ביחד מה המחיר שאנחנו שילמנו ועדיין משלמים כדי להקל על חוויית הפיתוח שלנו?



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

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

ההבנה הזו למעשה דווקא מכניסה מורכבות להתליכים אחרים, שדרוג גרסאות, CI/CD, עקומות למידה וכו׳.



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




מה גרם לפיתוח פרונט להיות מורכב?
האם באמת אפשר לוותר על Build step?
מה האלטרנטיבה ל TypeScript?
איך משתמשים בסינטקס של JSX רק בקובץ JS רגיל?
אם הדפדפנים יודעים לטעון ESMs למה צריך באנדלר לזה?
למה רוב האלטרנטיבות עדיין לא בשימוש נרחב?
האם אפשר או צריך לוותר על ה״קסמים״ שהכלים שלנו מכניסים?



שימוש ב- JSDoc עם TypeScripthttps://www.typescriptlang.org/docs/handbook/jsdoc-supported-types.html

ספריית htm - תעזור לכם לכתוב JSX בקובץ JS

https://github.com/developit/htm

שרת can שהופך חבילות CJS ל- ESM

https://esm.sh/

טעינת תלויות עם import maps בדפדפן

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap 



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

-------

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

אין מפתח או מפתחת שלא שאלו את עצמם איך מהפכת ה AI הולכת להשפיע עליהם?

בפרק 16 אדיר וניר מארחים את יואב גן-בר DevRel ב- BuilderIO מי שאחראית על לא מעט פיתוחים מעניינים בעולם הווב, ביניהם פלטפורמת בניית אתרים המשלבת יכולות Gen AI, הפריימוורק Qwik ועוד...

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


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

הבלוג של יואב -

https://www.hamatoyogi.dev

הפודקאסט של יואב FedBites -

https://open.spotify.com/show/22QW65J5GAFLUwcAGZDPdT

קהילת Next.js IL שיואב מנהל -

https://www.meetup.com/nextjs-il

לינקים מתוך הפרק:


Screenshot to code
Vercel v0
Tldraw make it real
Builder.io Visual Copilot Figma plugin
Anima
Codeium AI



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

-------

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

מפתחי פרונט - כמה פעמים הטיחו בכם שפרונט זה קל?

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

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

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

אז למה גיל מתכוון שהוא אוהב את ה-Hard core architecture frontend development בפרונט?

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

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

למשל על ידי פרוטוקול BLE - Bluetooth Low Energy אשר מאפשר לנו להתחבר למכשירי Bluetooth ולקבל stream של מידע מתוך המכשיר ולעבוד איתו.

גיל סיפר על פרויקט נוסף שבנה - דאשבורד וובי שמאפשר לשלוט על רכב בזמן שהנהג בכלל יושב במשרד.

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

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

הלינקדאין של גיל:

https://www.linkedin.com/in/gilfink

הטוויטר של גיל:

https://twitter.com/gilfink

הגיטהאב של גיל:

https://github.com/gilf

המדיום של גיל:

https://medium.com/@gilfink

היוטיוב של גיל:

https://www.youtube.com/playlist?list=PLcf96r2Oux7saAsxZBRjtXRoeSn8zqDEj



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

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