Anton Bobylev

Изучите JS на уровне джуна. Без него браться за библиотеки тупиковый путь.

Услышал что 95% сайтов делаются на чистом JQ и что JS сейчас учить - трата времени.

Забудьте эту фразу и учите JS.

И еще лучше забудьте всё, что вы знали про jQuery.

Просто учите JS.

Хабр же есть. Тут куча полезных вещей
Раз
Два

Мой выбор - Emmet, Color Picker, Sftp, Sass, Material Theme (для красоты). Для фронтэнда мне достаточно. Подсветка почти всего в Саблайме уже есть) А чего нет - есть в статьях, что я скинул

PS - CodeIntel я поставил и совершенно не заметил. А он по идее и должен делать подобие IDE. AllAutocomplete пожалуй поставлю завтра

Оберни свой код в это. Возможно проблема в том что твой элемент $("#rdata") еще не отрендерился на странице

$(document).ready(function(){
 //your code here
})

саблайм - это редактор, а webstorm - это IDE. не пытайтесь из редактора сделать IDE. в конечном итоге все равно ничего не получится.
p.s. посоветую visual studio code. по шустрости он не уступает саблайму и при этом является IDE.

с использованием разных библиотек для ajax запроса и это не считая jqwerry и middleware

Про jquery, я так понимаю вы имеете ввиду $.ajax ? А вот про middleware... (может быть не до конца понимаете, что это такое?)

По вопросам:
1. Производительность
А как в вашей сборке жмется конечный файл?

сейчас собрал сборку gulp, browserify, babelify, babel + библиотеки redux и react

Не увидел здесь uglifyJS или что-нибудь подобное...

Многие собирают webpack'ом, (для продакшен версии используя флаг -p, который в свою очередь.. бинго! Запускает разные "сжималки" кода. Не буду вас путать, но по-моему там тоже uglifyjs)

2. Стили
Стили, это стили. Как вам нравится, так и пишите. Собирайте их хоть gulp'ом, хоть webpack'ом... Разницы нет.

3. Посоветуйте, пожалуйста, сборку и набор библиотек, под задачи которые мне предстоит решить:
К сожалению, могу только подсказать проверенную на проекте либу для построения графиков (не очень крутая и разных типов графиков не так много, но неплохо настраивается и можно быстро разобраться)

сегодня наткнулся на мануал использования webpack и gulp одновременно на одном проекте

Оправдан. Если вам удобно какие-то таски прогонять через gulp, почему нет? Если сможете все, что делаете gulp'ом сделать на webpacke, то используйте только его.

P.S. По поводу сборок. Брать чужую сборку обычно вредно (так как взяли, запустили, а коснись чего - неизвестно как это работает). Особенно, если сборка большая. Вот хороший пример большой и сложной "сборки". Чтобы понять как там все работает, потребуется порядком времени. А нужно ли будет вам все то, что автор туда накрутил? Поэтому, в качестве ознакомления, можно и посмотреть.

P.P.S. Даже минимальная create-react-app сборка имеет немало всего интересного "под капотом". Поэтому, я за то, чтобы к сборке подходили осознанно, и лучше своей - придумать сложно. Опять же, "своя" появляется далеко не сразу, поэтому просто начните делать приложение.

главная диагональ - это когда нормер столбца и строки одинаков.... 1 цикл - и выводите себе, в чем проблема

Вы не понимаете, что такое "делегирование событий" именно по этому вы не понимаете почему, например, click можно делегировать, а submit - нельзя.

Восполняйте пробелы.