טיפים קצרים וחדשות למתכנתים
סביבת node.js היא סביבת ריצה המפעילה תוכניות JavaScript מחוץ לדפדפן. היום משתמשים בה לכתיבת סקריפטים וכלים קטנים, וגם לכתיבת תוכניות בצד השרת. בפוסט אציג ממשק צד-שרת להעברת הודעות באמצעות node.js דרך מספר דוגמאות.
שאלה שקיבלתי מתלמידה השבוע ועונה כאן שגם אתם תרוויחו. בהינתן רשימה של אוביקטים שלכל אחד מהם מבנה שונה, איך אפשר לחפש רק אוביקטים שמכילים ערך ידוע בשדה פנימי?
נכנסתי לאתר שופיז היום להזמין מגנטים לילד. אחלה אתר ומחיר נוח ותוך כמה רגעים כבר סיימתי הזמנה. אז מאחר וזה עבד חלק חשבתי לנסות לראות איזה עוד מוצרים יש להם, וכאן התחיל הבלאגן.
אחת הדאגות של בוני אתרים, לפחות ההגונים מביניהם, היא לבנות אתר שלא ישתה לגולשים את כל הסוללה. השיפור ביכולות ה Web יחד עם המעבר לגלישה מהמובייל הופכים אתגר זה למשמעותי הרבה יותר מבעבר. לשמחתנו, שני APIs של HTML5 נכתבו כדי לעזור לנו לבנות אתרים יעילים יותר: Battery API ו Page Visibility API.
לכבוד השנה החדשה אני עובד על שדרוג גירסת ריילס ל-5 החדישה, וכמו בכל חווית שדרוג יש עבודה. לשמחתי בדיקות היחידה הקיימות ממש עזרו לזהות ולפתור תקלות והפכו את החוויה לקלה בהרבה. הנה הפרטים וגם כמה טיפים.
בתחילת השבוע הצגתי כאן קוד לייצור טפסים דינמיים מתוך סכימה ורמזתי שהיתה בעיה בקוד. בחלק זה ארצה לחדד את הבעיה ולהציע פתרון בדמות Immutable Data ו Redux.
חיפוש ספריית טפסים לריאקט בגוגל הוא אחד הרעיונות הפחות טובים שהיו לי. יש המון ספריות וכולן מרגישות קצת לא נכונות וקצת לא מתוחזקות. וכשגוגל לא מוצא פתרון למשהו אתם מבינים שהבעיה היא בשאלה.
אין ספרית טפסים לריאקט כי ריאקט היא ספרית Views ואחסון המידע ב View הוא רעיון רע. במקום זה בריאקט ממש פשוט לבנות ולנהל מידע בטפסים מרגע שיש לכם שכבת ניהול מידע טובה, כפי שנראה בסדרת פוסטים זו.
כשפגשתי את אופרטור השלוש נקודות (... או בשמו המלא Spread) לראשונה לא ממש הבנתי מה רוצים ממני ולמה הוא טוב. אבל לקח בסך הכל 2-3 דוגמאות להתאהב, ואני מקוה שעד סוף הפוסט גם אתם תרגישו אותו הדבר.
מכירים jQuery? יודעים לכתוב jQuery Plugin? אז קחו חידה קטנה לראות שלא שכחתם את הבסיס אחרי כל האנגולר של השנים האחרונות.
אחד הדברים שתמיד הפתיעו אותי ב CSS הוא ההתנהגות המוזרה של inline-block. למעשה הערך inline-block של מאפיין display יכול להגיד שני דברים קצת שונים לפי תוכן האלמנט. בואו נראה דרך דוגמא.