JS Code Review

js-code-review.js

import axios from 'axios'

class RenderList {
  constructor( params ) {
    super(params);
    window.addEventListener( 'resize' , this.render);
  }

  getData()
  {
    
    this.loading = true;
    try {
      axios.get("/data.json").then((values) => {
        this.data = data;
        this.render()
      }).catch(function (error) {
        console.log(error);
      }).finally(function () {
        this.loading = false
      });
    } catch (e) {
      console.log(e);
    }
  }

  normalizeData(item) {
    return {
      id: item.id,
      name: item.title,
      href: item.url
    }
  }

  render() {
    let list = '';
    this.data.forEach((item) => {
      item = this.normalizeData(item);
      list += `<a href="https://www.someTest.org/${item.href}"><li>item.name</li></a>`
    });
    window.document.getElementById('Sidebar').appendChild(`
    <div>
      <ul>
        ${list}
      </ul>
    </div>
    `)
  }
}

let renderList = new RenderList();
renderList.getData();
renderList.render();