Risent Veber

Например, кешировать все объекты, которые вы инициализоровали в отдельном, скрытом в замыкании объекте и непосредственно работать с ними.

MyCarousel = (function(){
  elementsCache = {};
  
  function doInitJob(elem) {
    console.log("initializtion", elem); 
  };
  
  function doServiceJob(elem) {
    console.log("service", elem); 
  };
  
  return function(selector) {
    if (!elementsCashe[selector]) {
      elementsCashe[selector] = document.querySelector(selector);
      doInitJob(elementsCashe[selector]);
    } else {
      doServiceJob(elementsCashe[selector]);
    }
  }
})();

Чтобы избежать callback hell используйте promise и setTimeout. В таком случае код превращается в линейный:

new Promise(function(resolve){
  setTimeout(function() {
    console.log(1);
    resolve();
  }, 1000);
}).then(function() {
  let nextPromise = new Promise(function(resolve){
    setTimeout(function() {
      console.log(2);
      resolve();
    }, 1000);
  });
  return nextPromise;
}).then(function() {
  let nextPromise = new Promise(function(resolve){
    setTimeout(function() {
      console.log(3);
      resolve();
    }, 1000);
  });
  return nextPromise;
}).then(function() {
   setTimeout(function() {
      console.log(4);
   }, 1000);
});

Можно например вот так:

case DELETE_STRUCTURE_COUPLE:
      return {
        ...state,
        structure: objectPath.del(state.structure, action.level)
      };

при этом необходимо, чтобы objectPath.del возвращал изменненый первый аргумент,
однако не думаю, что это сделает код более читабельным. А вообще используйте что-то вроде https://facebook.github.io/immutable-js/ чтобы не изменять предыдущий state.

1) Используйте named function expression https://developer.mozilla.org/en-US/docs/Web/JavaS... если вам нужна рекурсия. Также стоит отметить, что callee deprecated при использовании директивы 'use strict'.

2)setTimeout - https://developer.mozilla.org/en-US/docs/Web/API/W...

Что значит она еще не записана в прототип - вы собираетесь создавать объект до присвоения соответсвующей функции в прототипе?
При нормальном использовании конструктора все работает:

Не работает только если вызывать его как обынчную функцию

www.jqueryrain.com/demo/jquery-calculator

Используйте замыкания:

var template = function(a) {
  var result = JSON.stringify(a);
  result = result.replace(/<%=(.+?)%>/g,'"+($1)+"');
  result = result.replace(/<%(.+?)%>/g,'";$1\no+="');
  return function(){
    return result;
  };
};

Нужен фильтр уникальности по категории unique:'cat'

<select 
  ng-options="item as item.cat for item in Items | unique:'cat' track by item.cat" 
  ng-model="chooseCat">
</select>

Есть куча замечательных библиотек для визуализации данных: www.javascripting.com/data.

Что касается самих данных - переконвертируйте их по клику час/день/месяц и представьте пользователю используя какую-нибудь библиотеку.

1.Нарушает логику использования фреймворка - что само по себе очень плохо, также может привести к бесконечной рекурсии(нужно смотреть исходники).
2.Не нужно пытаться всевозможные переменные, которые используется при рендеринге пихать в стейт. Просто отрефактори свой код следующим образом: вместо непосредственного обращения кthis.state.val1вызывай что-то в духеthis.getVal1()
что может быть реализованно вот так:

class MyComp extends React.Component {
   ...
  getVal1() {
    return this.state.val2 == 1;
  }
}