JSFiddle - React, Tailwind, and code Playground

by T1MOXA

JavaScript

const data = [
  {
    "id": 848,
    "name": "Работа! [ТВ-3]",
    "jpn_name": "Working!!! ",
    "release_type": "ТВ (>13 эп.), 25 мин.",
    "genres": "комедия;повседневность",
    "voices": "Nuts;HectoR;Cleo-chan",
    "season": "лето",
    "year": 2015,
    "uri": "working-tv-3",
    "poster": "/upload/release/350x500/848.jpg?1547540582",
    "description": "Молодой официант Сота Таканаси любит все милое и маленькое. Старший повар Ятиё Тодороки, можно сказать, «влюблена» в менеджера кафе Кёко Сирафудзи, и каждый раз старается угодить последней. Первый повар Дзюн Сато влюблен в Ятиё Тодороки, но хорошо это скрывает. Второй повар Хироми Сома — жуткий сплетник, пользуется не самой приятной информацией других работников кафе, шантажируя их. У официантки Махиру Инами болезнь андрофобии, из-за чего при виде какого-либо представителя мужского пола, она безжалостно его бьет, даже если сама того не хочет. Аой Ямада — немного глуповатая официантка, которая не имеет своего места жительства и живет в кафе. Объектом насмешек Дзюна и объектом обожания всего маленького Соты является Попура Танэсима.",
    "playlist": "[{\"title\": \"Серия 1\", \"file\": \"[Среднее]|server|libria.fun/videos/ts/848/0001/playlist.m3u8,[Низкое]|server|libria.fun/videos/ts/848/0001/playlist.m3u8\", \"id\":\"1\"},{\"title\": \"Серия 2\", \"file\": \"[Среднее]|server|libria.fun/videos/ts/848/0002/playlist.m3u8,[Низкое]|server|libria.fun/videos/ts/848/0002/playlist.m3u8\", \"id\":\"2\"},{\"title\": \"Серия 3\", \"file\": \"[Среднее]|server|libria.fun/videos/ts/848/0003/playlist.m3u8,[Низкое]|server|libria.fun/videos/ts/848/0003/playlist.m3u8\", \"id\":\"3\"},{\"title\": \"Серия 4\", \"file\": \"[Среднее]|server|libria.fun/videos/ts/848/0004/playlist.m3u8,[Низкое]|server|libria.fun/videos/ts/848/0004/playlist.m3u8\", \"id\":\"4\"},{\"title\": \"Серия 5\", \"file\": \"[Среднее]|server|libria.fun/videos/ts/848/0005/playlist.m3u8,[Низкое]|server|libria.fun/videos/ts/848/0005/playlist.m3u8\",...