JSFiddle - React, Tailwind, and code Playground

by aflynt

HTML

<div id="userAlertsWrapper">

</div>

JavaScript

var data = [{
  "Category": "הודעות ישקר",
  "ItemTitle": "חדש בפורטל - דו ח החזר הוצאות",
  "ItemUrl": "http://piedev/Lists/Messages/272_.000",
  "ItemAttachedFileUrl": null,
  "ItemAuthor": "Adi Golan",
  "ItemCreatedDate": "03/05/2016 14:37",
  "ItemModifiedDate": "03/05/2016 14:37",
  "ItemModifiedBy": null
}, {
  "Category": "הודעות ישקר",
  "ItemTitle": "עצירה בטוחה בכביש בזמן צפירת יום זיכרון",
  "ItemUrl": "http://piedev/Lists/Messages/273_.000",
  "ItemAttachedFileUrl": null,
  "ItemAuthor": "Yosefa Cohen",
  "ItemCreatedDate": "05/05/2016 11:37",
  "ItemModifiedDate": "05/05/2016 11:37",
  "ItemModifiedBy": null
}, {
  "Category": "הודעות ישקר",
  "ItemTitle": "הנהלת המפעל והעובדים משתתפים בצערם של רפי ובני משה (עובדים ותיקים שפרשו) במות אימם ז ל",
  "ItemUrl": "http://piedev/Lists/Messages/274_.000",
  "ItemAttachedFileUrl": null,
  "ItemAuthor": "Einat Shahar-Dekel",
  "ItemCreatedDate": "08/05/2016 15:46",
  "ItemModifiedDate": "08/05/2016 15:46",
  "ItemModifiedBy": null
}, {
  "Category": "הודעות ישקר",
  "ItemTitle": "הודעה לעובדים - שינוי במועדי ארוחות לעובדי מו פ  כלים ואבי טיפוס",
  "ItemUrl": "http://piedev/Lists/Messages/276_.000",
  "ItemAttachedFileUrl": null,
  "ItemAuthor": "Elvira Fain",
  "ItemCreatedDate": "15/05/2016 11:36",
  "ItemModifiedDate": "15/05/2016 11:36",
  "ItemModifiedBy": null
}, {
  "Category": "מבצעים והנחות",
  "ItemTitle": "הכנה לכיתה א ",
  "ItemUrl": "http://piedev/myiscar/Lists/SalesAndDiscounts/299_.000",
  "ItemAttachedFileUrl": null,
  "ItemAuthor": "Einat Shahar-Dekel",
  "ItemCreatedDate": "06/06/2016 16:51",
  "ItemModifiedDate": "06/06/2016 16:52",
  "ItemModifiedBy": null
}, {
  "Category": "מבצעים והנחות",
  "ItemTitle": "ספא בגיתה",
  "ItemUrl": "http://piedev/myiscar/Lists/SalesAndDiscounts/301_.000",
  "ItemAttachedFileUrl": null,
  "ItemAuthor": "Einat Shahar-Dekel",
  "ItemCreatedDate": "08/06/2016 12:40",
  "ItemModifiedDate": "08/06/2016 12:40",
  "ItemModifiedBy": null
}, {
  "Category": "מבצעים...