Наш новый разработчик реализовал демонстрацию работы компонента строящего различные диаграммы. Но компонент оказался очень тяжеловесным и имеет проблемы с повторным использованием. Ваша задача осуществить рефакторинг приложения, перед тем как мы внедрим его в наши проекты.
Сейчас компонент App выполняет все возможные задачи в этой демке: задаёт исходные параметры диаграмм, генерирует случайные данные, перерисовывает диаграммы по таймеру. А метод render у него просто кошмарный.
Ваша задача — оставить за ним основную задачу: демонстрация возможностей. А остальное вынести в отдельные компоненты.
Помните, ваше основное оружие — композиция. А главный принцип — DRY (Don`t repeat yourself «не повторяйся»). Все диаграммы имеют лишь незначительные отличия. И состоят довольно из простых частей.
Декомпозируйте компонент App на более простые компоненты.
Изменения необходимо внести в файл ./js/App.js. Все файлы уже подключены к документу, другие файлы изменять не требуется.
Реализуйте компонент во вкладке «JS». Перед началом работы сделайте форк этого пена: