#Задание 1. Вёрстка шаблонов Stories ###React Изначально решил выбрать React, хотя, вероятно, это не совсем уместно в задании на вёрстку.
Для отрисовки круговой диаграммы, была использована библиотека recharts

В сумме это вылилось в размер бандла в 637 KiB

Начинал разрабатывать pixel-perfect-first, потом адаптировать, где это возможно, на другие экраны.
Страница с круговой диаграммой оказалась самой ресурсоёмкой. Пришлось рендерить сразу две диаграммы (светлую и тёмную) так как библиотека генерирует SVG, стили которого не поменяешь в CSS
Так же некоторое время заняло понимание как работает radial gradient в SVG

В качестве сервера решил выбрать express, так как уже имел некоторый опыт работы с ним. Вместе с ним решил попробовать использовать шаблонизатор pug для передачи параметров в функциию renderTemplate()
Для сборки используется Webpack и babel.

---

Связь со мной
https://t.me/llabloko
[email protected]