Alex Rudenko
במאמר הזה נסביר על התמיכה ב-CSS-in-JS בכלי הפיתוח (DevTools) שנוספה ב-Chrome מגרסה 85. באופן כללי, נסביר מה אנחנו מתכוונים ל-CSS-in-JS ואיך הוא שונה מ-CSS רגיל שכלי הפיתוח תומכים בו כבר זמן רב.
מהו CSS-in-JS?
ההגדרה של CSS-in-JS היא קצת מעורפלת. במובן רחב, זוהי גישה לניהול קוד CSS באמצעות JavaScript. לדוגמה, יכול להיות שתוכן ה-CSS מוגדר באמצעות JavaScript ופלט ה-CSS הסופי נוצר על ידי האפליקציה בזמן אמת.
בהקשר של DevTools, CSS-in-JS פירושו שתוכן ה-CSS מוחדר לדף באמצעות ממשקי CSSOM API. הזרקת CSS רגיל מתבצעת באמצעות אלמנטים מסוג