Just a little code optimization. Improved a perfomance

Author: Mirror-Image

assets/js/component.js

@@ -14,7 +14,7 @@ export default class Component {
     this.anchor.innerHTML = ''; // очищаем
     store.events.unsubscribe('change', this.render);
     //
-    console.log( 'YOU ARE LUCKY!' );
+    console.log( 'DOM clear' );
     console.log( this.anchor );
     document.getElementById('app').innerHTML = ''; // очищаем
   }

assets/js/content-items.js

@@ -38,43 +38,30 @@ import ContentComponent from "./content.js";
      }
    };
 
-  onPropsChange(value) {
-    this.render(value);
-
-  }
-
   set data(value) {
-    console.log( value );
     value.then(obj => {
-      this._data = obj;
-      console.log( this._data );
-      this.onPropsChange(this._data);
-      console.log( this._data );
+      console.log( store.props );
+      store.props = obj;
+      console.log( store.props );
+      this.render(store.props);
     });
-  }
 
-  get data() {
-    return this._data;
   }
 
   render(value) {
-    console.log( value );
-    console.log( store.props );
     console.log( 'items render' );
-
-    if (store.props.length === 0) {
+    if (value.length === 0) {
       this.anchor.innerHTML = `
         <li class="content__main-results-list-item">
           <p class="content__main-results-list-item-text content--clear">No todos</p>
         </li>
       `;
-      return;
     }
 
     let listItems = `
       <ul>
         ${
-          store.props.map(todoItem => `
+          value.map(todoItem => `
             <li class="content__main-results-list-item" id="${todoItem._id}" executionStatus="${todoItem.completed}">
               <p class="content__main-results-list-item-text">${todoItem.text}</p>
               <div class="content__main-results-list-item-buttons">

assets/js/login.js

@@ -16,33 +16,29 @@ export default class LoginComponent extends Component{
     request.checkAuthorizationRequest(this.settings);
   }
 
-  authorizationByEnter(e) {
-    if (e.key === 'Enter') {
-      return this.handleAuthorization(e);
-    }
-  }
+  handleAuthorization(event) {
+    if (event.key === 'Enter' || event.type === 'click') {
+      event.preventDefault();
 
-  handleAuthorization(e) {
-    e.preventDefault();
+      let login = document.getElementById('login').value.trim();
+      let pass = document.getElementById('pass').value.trim();
 
-    let login = document.getElementById('login').value.trim();
-    let pass = document.getElementById('pass').value.trim();
 
+      if (login && pass) {
 
-    if (login && pass) {
+        request.loginRequest(login, pass, this.settings);
 
-      request.loginRequest(login, pass, this.settings);
+        console.log(store);
+        // console.log( request.sessionAuthorizationData );
+        // link(this.settings.redirect)
 
-      console.log( store );
-      // console.log( request.sessionAuthorizationData );
-      // link(this.settings.redirect)
+      } else if ((!login && pass) || (login && !pass)) {
+        login ? errorMessage('Please enter your password.')
+          : errorMessage('Please enter your login.');
 
-    } else if ((!login && pass) || (login && !pass)) {
-      login ? errorMessage('Please enter your password.')
-        : errorMessage('Please enter your login.');
-
-    } else if (!login && !pass) {
-      errorMessage('Please enter your login and password.');
+      } else if (!login && !pass) {
+        errorMessage('Please enter your login and password.');
+      }
     }
   }
 
@@ -53,7 +49,7 @@ export default class LoginComponent extends Component{
 
     this.anchor.querySelectorAll('.login__main-form-input')
       .forEach(elem => {
-        elem.addEventListener('keydown', this.authorizationByEnter.bind(this));
+        elem.addEventListener('keydown', this.handleAuthorization.bind(this));
       });
   }
 

assets/js/network-request.js

@@ -79,19 +79,18 @@ export default class NetworkRequest {
   }
 
   async readTodosRequest() {
+    let res;
     await fetch('https://todo-app-back.herokuapp.com/todos', {
       method: 'GET',
       headers: {
         'Content-Type': 'application/json',
         'Authorization': `${localStorage.getItem('token' )}`
       }
     })
-    .then(response => response.json())
-    .then(obj => {
-      store.props = obj;
-    });
+      .then(response => response.json())
+      .then(obj => res = obj);
 
-    return store.props;
+    return res;
   }
 
   deleteItem(id) {

assets/js/router.js

@@ -23,7 +23,7 @@ export default class Router {
 
     this.component = new conf.component(this.anchor, conf.settings);
 
-    this.component.render();
+    // this.component.render();
 
   }
 }

assets/js/store/store.js

@@ -14,9 +14,8 @@ export default class Store {
   }
 
   set props(value) {
-    console.log('Happy');
+    console.log('store updated');
     this.state.todos = value.reverse();
-
   }
 
   get props() {