שלום אורח התחבר

הבלוג של ינון פרק

טיפים קצרים וחדשות למתכנתים

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

3 רעיונות מדליקים לשימוש ב Tagged Template Literals

מתכנתי JavaScript כבר אמורים להכיר את אופרטור ה Template Literal, הוא סימן \` המאפשר פענוח משתנים בתוך מחרוזת. מעטים יודעים שאפשר לבנות שפה שלמה על אופרטור זה באמצעות פיצ'ר שנקרא Tagged Template Literals.

חישוב נתיב לאלמנט ב React

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

בואו נבנה Router עבור Single Page Application כדי להבין איך זה עובד

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

קטנה על CSS Modules

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

הפקודות async ו await ישנו את כל מה שידעתם על JavaScript

אחד הרעיונות הראשונים שלמדנו בתכנות JavaScript היה שפקודות מתבצעות פקודה אחר פקודה לפי הסדר. בהיעדר Threads לא ייתכן שבאמצע ביצוע פונקציה נעבור לבצע קוד מפונקציה אחרת. לפחות עד שהגיעו async ו await לדפדפנים שלכם.

האם תחום פיתוח Front End מתחיל להתעייף?

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

חישוב אוטומטי של צבע טקסט קריא

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

שיתוף מידע בין מערכות באמצעות Cookies

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

תקשורת Ajax באמצעות Fetch API

התמיכה ב Fetch API כבר נכנסה לרוב הדפדפנים אז נראה שזה זמן טוב להכיר ואולי אף להתחיל להשתמש בו. המנגנון מספק את אותן יכולות של XMLHttpRequest אבל בתחביר מעט שונה ובלי התחילית המבלבלת XML. הנה 3 דוגמאות שיהיה לכם עם מה לעבוד.

צעדים ראשונים עם node.js ו express

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