Vikhrmodels/habr_qa_sbs huggingface dataset:
Вопрос: Как реализовать КОП на C++?

Лучший ответ:
а случаем не 
К компонентно
О ориентированное
П программирование
?

Худший ответ:
То что вы называете "КОП" уже давно используется в ООП и называется Composition over inheritance. Это когда вместо наследования используется композиция.
Например с наследованием будет так:class Person {
     String name;
}
class Employer : Person {
    BigDecimal salary; 
}
а с композицией будет так:class Person {
     String name;
}
class Employer {
    Person person;
    BigDecimal salary; 
}
Почитайте про паттерны проектирования в ООП. Там много интересного и практически применимого.
Вопрос: Важно ли использовать сетку для верстки?

Лучший ответ:
зачем нужна сетка для верстки
Сетка нужна для удобства и консистентности верстки.будь то бутстрап или грид
Бутстрап это большой фреймворк, сетка - лишь маленькая его часть. А грид - это и есть "сетка". С терминологией надо бы порядок навести.если я все равно в контейнере отступаю в пкс от краев, задаю ширину в стилях и помещаю все в контейнер, а для телефонов оптимизирую через медиа запросы
Поздравляю, вы создаете и используете собственную сетку! :) Исходя из этого, решите для себя сами - достаточно ли вам вашей собственной сетки, удобно ли с ней работать. Если да - тогда сторонние готовые решения вам не нужны. Если нет - тогда используйте готовую сетку и не парьтесь.

Худший ответ:
Можно обойтись, но с сеткой быстрее и проще, ведь в сетке вся прелесть, что она уже имеет все медиа запросы, плюс в сетке учтены межколоночный интервал и паддинги по краям. Сами посудите, если в каждом проекте надо писать ширину, межколоночник, паддинги по бокам, бордер-бокс, а потом тучу медиа запросов, не рациональнее это все сохранить себе в библиотеку, чтоб потом много раз использовать? Вот, и по сути такая библиотека и есть сетка)  Советую вот этот канал, там очень много про это: https://youtu.be/mVxkR50XL_E
И да сетка нужна там, где нужна сетка, везде ее пихать нет смысла, например пункты меню ставить по сетке не имеет смысла.
Вопрос: Не могу подмонтировать раздел?

Лучший ответ:
sda2 нельзя примонтировать, это extended раздел, напрямую можно примонтировать только sda1
sda5 — это LVM
запускайте 
# vgchange -ay
Появятся всякие /dev/VolGroup00/LogVol00, 
их список можно посмотреть с помощью:
# lvscan

Худший ответ:
Спасибо всем, кто откликнулся. 
Не хватало знаний о LVM разделах.

Файловые системы LVM раздела расположены в /dev/[volid]/[fsname] или /dev/mapper/[volid]-[fsname], на что мне справедливо указали на LORe

#fsck.ext3 /dev/mapper/webserver-root решило проблему.
Вопрос: Откуда взялась команда Linux в access логе apache?

Лучший ответ:
Банальный поиск уязвимостей и дыр настройках. 
Запустить хотели echo 'skc9A'; | xargs -0 $(which php) -r
Тут явно бот, т.к. даже не знают тип ОС

Худший ответ:
Это поиск дыр. 
Навредить могут, и собственно это и хотят сделать :)
Вопрос: Нужен совет по созданию первой страницы сайта

Лучший ответ:
вам нужен mod_rewrite

Худший ответ:
народ уже не может без фреймворков для решения простейших задач :)
Самое простое:
.htaccess
RewriteEngine On 
RewriteRule ^([^.]+)$ index.php 


index.php
$args =  explode('/',trim($_SERVER['REQUEST_URI'], '/'))


соотвественно, при запросе site.ru/price/catalog/123/foo/bar
в $args будет
if($args[0] == 'price'){
    // делаем для цены. и тд и тп.
}
Вопрос: Есть ли встроенный редактор для сайта на PHP без JS?

Лучший ответ:
Как вообще можно создать WYSIWYG редактор на PHP?
Заказчик либо - неадекват / болен на голову / либо не внятно обьясняет что хочет. Существует тенденция слать подальше именно таких, во избежания дальнейшей нервотрёпки и потери времени.

Худший ответ:
Это невозможно в принципе. PHP серверный язык
Вопрос: Как сделать доступ к серверу только из России в iptables без geoip?

Лучший ответ:
man ipset
иначе ваш следующий вопрос будет - почему все так тормозит.
Потому что каждый пакет проходит 62к проверок....

Худший ответ:
Можно пустить весь траффик через CloudFlare и надеяться, что злодеи не запомнили ваш прямой IP.
Тогда «весь мир» будет общаться с мордой CF, которые умеют отсекать DDOS и прочие подозрительные активности.
Вопрос: Как сделать Draggable block с привязкой к одной точке?

Лучший ответ:
Как по мне — SVG
www.w3schools.com/svg/svg_path.asp
Получаем координаты блока и соединяем три точки

Худший ответ:
Очевидно через Canvas, вот есть пример таскающегося блока:
www.html5canvastutorials.com/kineticjs/html5-canvas-drag-and-drop-tutorial/

но вместо блока сделать форму, либо добавить вторую форму (хвостик), которая будет отрисовываться при перетаскивании блока.
Вопрос: WPF еще не умер?

Лучший ответ:
WPF умер. C# на клиенте тоже умер. C++ и Qt на клиенте умер. Нативные приложения и приближенные к ним (WPF/WinForms) вообще умерли. Нативные приложения пишут только разработчики ОС, и то до тех пор пока не перепишут их на Электроне. Электрон скоро будет модулем ядра / драйвером для повышения производительности HTML-интерфейсов.Просыпаюсь в холодном поту
Фух, это всего лишь сон.то используй DevExpress, а не WPF
Это как понимать? Я знаю что у DevExpress есть наборы компонентов для разных UI-технологий, а чтобы у них было своё UI-решение, не базирующееся на чём-то вроде WPF/WinForms/HTML - не слышал.используй ASP.NET MVC, а не Silverlight
Т.е. генерировать только статический UI только на сервере? Почему вы сравниваете Silverlight (который кстати и правда умер, уже точно) с ASP.NET MVC, а не с HTML или HTML + React например?

Худший ответ:
- если хочешь писать мобильные приложения - используй Xamarin, а не WindowsPhone
Если хочешь писать мобильные приложения - пиши их либо под iOS (Swift/Objective-C), либо под Android(Java).
Windows на телефонах мертв.
Мультиплатформенные инструменты кривы и практически не востребованы.- если хочешь писать web-приложения - используй ASP.NET MVC, а не Silverlight
Если хочешь писать web-приложения - используй PHP/Ruby/Python/Node.js
Вопрос: Сложно ли переходить от верстки к сложным проектам на фрилансе?

Лучший ответ:
Я думаю, что это скорее психологическая проблема исполнителей перейти на следующий уровень, а не портфолио. 
Любой вменяемый человек понимает, что люди развиваются, а не уже в коляске пишут сложные проекты. 
Да и портфолио разумно редактировать, убирая древние неактуальные работы.

Худший ответ:
 Насколько, вообще, Upwork серьезно к мультиаккаунтингу относится?
Блокируют. Читайте правила. имея в портфолио такие проекты, трудно будет получить какую-то серьезную работу
От простого к сложному. Этот принцип работает и здесь.
Вопрос: Aсинхронную очередь заданий для PHP?

Лучший ответ:
Есть сервер заданий — gearman — про него недавно статья как раз была. PHP с ним вполне работает — может как посылать задачи на него, так и получать и выполнять.

Худший ответ:
> высоконагруженный
> 200.000 в день
Вопрос: Разве можно перепаять мины на вентиляторе ноутбука?

Лучший ответ:
Если неправильный порядок - их не обязательно надо паять. Обычно из штекеров клеммы вынимаются, нужно лишь на штекере иголкой прижать\поддеть и вытащить. Замеряете мультиметром на разъеме платы бука, какой контакт за что отвечает, читаете на вертушке (на наклейке или текстолите, возле пятаков), где какой контакт, и меняете местами на коннекторе. Потому что доверяться цветам не стоит: каждый производитель может использовать свой цвет проводов, единого и общеобязательного стандарта (как на ATX) нет.

Худший ответ:
Неужели вот так просто можно поменять проводки местами?
А что еще нужно сделать с проводками, кроме как поменять, если у них неправильный порядок? :)Ведь под крышкой вентилятора располагается схема.
Она очень примитивная.А как поменять их порядок в самом разъёме
В самом разъеме лучше не менять, просто перерезать проводки, спаять, заизолировать, но если есть опыт, то можно и из разъема вынуть контакты с помощью иголки и вставить в другом порядке.
Вопрос: Легко ли перейти с XHTML на HTML 5?

Лучший ответ:
Да легко
Еще легче не учить по старым мануалам, когда новых полно

Худший ответ:
Ниже представлен список отличий:
Изменён синтаксис
Встраивание SVG и MathML в text/html
Новые элементы: <article>, <aside>, <audio>, <canvas>, <command>, <datalist>, <details>, <embed>, <figcaption>, <figure>, <footer>, <header>, <hgroup>, <keygen>, <mark>, <meter>, <nav>, <output>, <progress>, <rp>, <rt>, <ruby>, <section>, <source>, <summary>, <time>, <video>, <wbr>
Новые компоненты ввода: date/time, email, url, search, number, range, tel, color
Новые атрибуты: charset (в ), async (в script)
Глобальные атрибуты, которые могут быть применены ко всем элементам: id, tabindex, hidden, data-* (пользовательские атрибуты данных)
Элементы, которые будут исключены: <acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <isindex>, <noframes>, <strike>, <tt>
Вопрос: Как поступить если клиент удалил все изменения?

Лучший ответ:
Для работы нужно использовать гит, чет удалили, делается откат и всё. Если денег за работу не особо много и вы не брали предоплату, просто делается отказ от работы и пусть ищет другого исполнителя, если вам не комфортно работать с ней.З.Ы И девушки / женщины которые принимают работу, еще тот ад

Худший ответ:
Что делать мне собственно?
Да что хочешь, то и делай. Вопрос странно сформулирован.
Клиент тебе не доверяет и в целом это нормально. Почему он тебе должен доверять?
Вопрос: Как удалить селектор через JS?

Лучший ответ:
На jquery:$("*").css({"background":"","color":""});

Худший ответ:
на jsdocument.getElementsByTagName('body')[0].style.backgroundColor = '';
document.getElementsByTagName('body')[0].style.color = '';
Вопрос: Из-за чего может зависать работа с сетью в приложении на java?

Лучший ответ:
1) Тут есть теги для кода.
2) Лучше используйте конструкцию try-with-resources
3) До конца не уверен т.к. желательно понять как именно приведенный код используется но сильно вероятно что проблема именно с ресурсами, что то закрыл или не открыл.
3.1) Еще не менее вероятно проблема в проксях, возможно дохлая прокси и соединение по таймауту не отшибается и тупо начинает ждать когда же он придет.
3.2) Проверяй responseCode . Сначало делаешь conn.connect(). затем conn.getResponseCode(). Смотри что бы код ответа был правильным.
3.3) Обязательно задай вручную таймаут conn.setConnectTimeout(милисекунд) и только после уже все манипуляции в т.ч. получение responseCode;

Худший ответ:
1) Тут есть теги для кода.
2) Лучше используйте конструкцию try-with-resources
3) До конца не уверен т.к. желательно понять как именно приведенный код используется но сильно вероятно что проблема именно с ресурсами, что то закрыл или не открыл.
3.1) Еще не менее вероятно проблема в проксях, возможно дохлая прокси и соединение по таймауту не отшибается и тупо начинает ждать когда же он придет.
3.2) Проверяй responseCode . Сначало делаешь conn.connect(). затем conn.getResponseCode(). Смотри что бы код ответа был правильным.
3.3) Обязательно задай вручную таймаут conn.setConnectTimeout(милисекунд) и только после уже все манипуляции в т.ч. получение responseCode;
Вопрос: Как сделать сервер не локальным?

Лучший ответ:
Идешь на VScale.io. Там можно взять VPS по часам. Поскольку тебе для тестирования - это реально будут копейки.

Худший ответ:
Попробуйте создать пробный эккаунт на каком-нибудь сервисе, который хостит такие приложения, и деплоить приложение туда. Например, вот этот https://docs.jelastic.com/glassfish
Вопрос: Могу ли я менять цену товара в зависимости от источника трафика?

Лучший ответ:
Проще установить высокую цену и давать скидки, это легче обосновать, чем изначально разные цены на один и тот же товар.

Худший ответ:
Да, можно! Это можно сделать на платформе "Битрикс". Можно разделить практически все источники трафика, но ЯМаркет не рекомендую этого делать, т.к.Яндекс проверяет по телефону соответствие цен и наличие, а при телефонном звонке Вы не сможете понять источник. Так же, если меняете цены, советую делать подмену артикулов, т.к. опять же при телефонной консультации Вы не всегда сможете понять источник.
Вопрос: Почему быстро разряжается iPhone 7?

Лучший ответ:
> позвонить и всё
Тогда лучше брать Nokia 3310 - он заряд дольше держит и, как приятный бонус - не так то просто разбивается.

Худший ответ:
Уменьшить яркость (да-да, это так)
Отключить анимации интерфейса (reduce motion)
Отключить анимированные заставки (если установлены)
Пересмотреть необходимость держать включенными bluetooth и прочее
Пересмотреть какие фоновые сервисы что делают (геолокация, синхронизация данных и тд), что жрет трафик и ресурсы.
...
И еще много мелких действий, которые надо делать один раз, еще в самом начале использования телефона, и по мере доустановки новых приложений. Возможно, какое-то приложение постоянно что-то мутит на фоне. Возможно, что-то пытается постоянно коннектиться (ищет устройства и тд), например bluetooth. Если у вас Mac и вы пользуетесь handoff - он тоже кушает, а если есть проблемы со стабильностью соединения, то может жрать заметно.
Гуглите, информации много.
Еще пройдите пару циклов полного заряда-разряда, иногда помогает. Магия, но все же.
Если ничего не помогает - топать в сервис.
Вопрос: Как автоматизировать создание скриншотов?

Лучший ответ:
А что за компания? Хочу знать куда не стоит устраиваться на работу.

Худший ответ:
У меня друзья юзают софтину ShotTheScreen.
Вопрос: Что выбрать сео или веб-дизайн?

Лучший ответ:
А кто вам сказал, что нельзя две профессии осваивать? 
Тем более, что сео и хороший дизайн идут всегда бок о бок. 
Тратьте время с умом и станете хорошим специалистом и там и там.

Худший ответ:
идите в маркетинг там  оч пригодятся ваши знания и по сео  и по дизайну)
Вопрос: Как создать массив пикселей в С++ QT?

Лучший ответ:
А чем вам не нравиться работа с QImage? Это же и есть массив пикселей.

Худший ответ:
Рекомендую использовать QImage::scanLine() и лишнего копирования не будет
doc.qt.io/qt-5/qimage.html#scanLine
Вопрос: Как починить перерезанный гибкий прозрачный контактный шлейф?

Лучший ответ:
1) Скорее всего замкнули дорожки
2) 1 общий + 6 от каждой кнопки
3) Кто знает как конкретно этот контроллер считывает нажатие кнопки, в смысле какой порог по напряжению выставлен.
Судя по тому что режимы переключаются и есть замыкание - клей подойдет, только надо аккуратнее все сделать, то есть устранить замыкание между дорожек.
4) Вариант разбирать прибор дальше и соединить семью проводками.

Худший ответ:
Итак, починил тем способом, который описал в вопросе. Концы шлейфа скрепил друг на друге (так, чтобы они плотно лежали друг на друге), зачистил иголочкой дорожки с обеих сторон, чтобы был доступ к контактам и каждую дорожку склеил контактолом на серебре. Сначала неаккуратно мазал и клей затёк под шлейф и растекся между дорожками, из-за чего и возникло замыкание в нескольких местах — кнопки бешено переключались сами по себе. Замыкание устранил, всё работает. День протестирую, потом всё прочно закреплю.
Вопрос: Сервисы для рекламы творчества начинающей рок-группы?

Лучший ответ:
Раньше на РуТрекере были авторские раздачи.
Местами интересны.
Но, в связи с тем, что он сдувается....
Ю-Туб,
ВКонтакт.

Худший ответ:
Ютуб
и тут ссылки посмотрите
Вопрос: Как защитить БД Access в Delphi?

Лучший ответ:
В вопросе явно мало вводных данных.
Аксес для этой задачи однозначно не подходит Хотя если построите трёхзвенное приложение и будете шифровать все критические поля то можно помучаться.
Я бы сделал так:
Разместил бы базу на другом сервере. FireBird.
В ней завёл бы обычного юзера. Пользователю разрешл бы читать только определённые объекты tables, views и выполнять определённые процедуры. Другими словами сделал бы так чтобы пользователь не мог читать писать то что ему нельзя. Там же на сервере запустил бы другое приложение задача которого подсоединиться к базе как sysdba и прочесть табличку с логинами паролями пользователей и сидеть ждать соединения пользователя. Вторая задача серверного приложения принимать соединения по ssl и дешифровать их. Тут же должна быть защита от подбора пароля.
На клиенте бы использовал ssl.
Но у этого решения есть большая проблема чтобы обезопаситься от dll injection нужно избавиться от внешних ssleay.dll и fbclient.dll нужно взять их исходники и внедрить в приложение без использования техники dll. А это явно не Delphi.Но главный вопрос что Вы хотите сделать?
Если пользователь может запустить приложение и пользоваться им то что ему мешает сделать простой скрипт который распарсит данные из базы? Любое Windows GUI приложение которое использует Windows API может быть обмануто внешней программой.
Если задача ограничить пользователя только его песочницей -- то тут нужно работать над устройством базы данных её структурой и бизнеслогикой. Firebird позволяет используя только возможности сервера сделать различные ограничения в том числе отображать записи из таблицы избирательно через view (блокируя при этом доступ к таблице).
Но если база физически доступна пользователю то шифруйте её. Возможно есть какие-то готовые решения.

Худший ответ:
1) Какая-то защита логины-пароли и в самом аксессе есть. Да почти в любой БД (или любой).
Если достаточно надежна - юзаем ее, и извне (из офисса) тоже будет доступ только по логину и паролю.
2) 100% надежный вариант: архивировать под паролем.
Это от брутфорса или взлома самой БД.
Но реверс-инженер может само приложение взломать, узнав пароль или изменив его. Если ему заплатят.
Вопрос: В чем отличие настольных мониторов от ноутбучных?

Лучший ответ:
Матрицы там те же.
Отличаются только подключениями.
У мониторов DVI, DisplayPort, HDMI, D-Sub.
У ноутбуков LVDS.
Но цвет фото отличается по другой причине:
Если вы хотите работать с цветом (дизайн, обработка фотографий и т.п) - вам нужен ноутбук или монитор с матрицей типа IPS (есть множество вариантов IPS от стремных до супер-пупер по качеству изображения)
Таки мониторы и такие ноутбуки несколько дороже. Процентов на 10-20-30. 
Матрицы типа VA, PLS - более менее внятные цвета дают, но они тоже дороже.
Скажем, матрица VA имеет глубокий черный цвет и хорошо подходит для текстов.
В дешевых моделях нотбуков и в дешевых моделях мониторах стоят матрицы типа TN.
У них плюс - немного потребляют электроэнергии и быстро картинка меняется.
Хорошо для игр и хорошо для экономии батарей ноутбуков. 
Видимо, потому их еще и ставят в ноутбуки чаще, - ради экономии батарей, а не только из экономии денег.
Но TN самая отвратная по цветам.

Худший ответ:
Разница только в матрице, от нее зависит вобще все.
По возрастанию цены и качества 
TN+film,  TFT, IPS, AH-IPS
Вопрос: БЭМ как избежать конфликтов классов?

Лучший ответ:
Блоки product должны кардинально различаться друг от друга, при том что они имеют одинаковую структуру. Как быть в такой ситуации?
Просто это два разных блока, если между ними ничего общего кроме структуры. В списке будет массив блоков .product-card, на странице товара блок .product, наименования конечно можно любые сделать, по своему вкусу.

Худший ответ:
1) Дать блоку другое название.
2) Добавить модификатор и переопределить стили.
Вопрос: Какие минусы есть у WordPress?

Лучший ответ:
- Распространенность цмс приводит к тому, что взломщики ориентируются на дыры ЦМС, так что надо следить за уязвимостями
- Множество плагинов, некоторые из которых забрасывают или не развивают, что в итоге приводит к уязвимости.
- Множество поделок, которые опять таки могут приводить к уязвимостям.
- Много студентов и индусов на рынке предлагают конструировать на ВП, отсюда - низкая стоимость на рынке, и определенная репутация сайтов на ВП как поделок.
То есть все "минусы" ВП в сущности это издержки от плюсов. Как в поговорке - сделай нечто, чем сможет пользоваться даже дурак, и только дураки им и будут пользоваться.

Худший ответ:
Главный минус - миллион хейтеров, у которых на устах стандартный речетатив (однажды когда-то высраный где-то на ютубе каким-нибудь Гришей-труъпрогерром и в последствии заразивший больные мозги "яжепрогеров"): "Хоспаде, да это же БЛОГОВЫЙ ДВИЖОК! ОН ДЛЯ БЛОГОВ!!!!1ТЫ ЧТО ИДИОТ ЧТОЛИ ИСПОЛЬЗОВАТЬ ЕГО НЕ ДЛЯ БЛОГА?".
Хорошо, что за рубежом люди попроще живут. Заказов на вордпресс на любой фриланс-бирже больше, чем на любой другой движок (с огрооооомным отрывом).
Вопрос: Почему div вылетает за пределы a?

Лучший ответ:
a > div
О боже, зачем так?
https://stackoverflow.com/questions/3092610/div-in...
UPD: вам же пытаются объяснить, что оборачивать такие блоки тегом а - плохо.
Браузер видит первый закрывающий тег </a> и обрабатывает разметку по нормальному, а не как у вас.

Худший ответ:
<div onclick="window.open('http://google.com, '_blank');"></div>
так наверно правильнее
Вопрос: Какие есть инструменты для быстрой разработки landing-страниц?

Лучший ответ:
руки, знание HTML/CSS и понимание частой ненужности лендинга вместо полноценного сайта

Худший ответ:
lpmotor.rulandingi.ru
И самый популярный на сегодняшний день: lpgenerator.ru
Вопрос: Как ускорить загрузку сайта на wordpress?

Лучший ответ:
Для простых сайтов и хостингов хватит плагина WP Super Cache.
Этого хватает для 99% сайтов.
В более сложных ситуациях надо брать свою машину, админские права, настраивать объектное кеширование, мемкеш/редис и т д. ставить плагин типа Batcache / W3 Total Cache.
Тут же бывает полезно настраивать CDN.
В очень сложных ситуациях надо делать балансировщики нагрузки, шардинг БД и т д.
Все зависит от исходной ситуации и задач. Решений тысячи.

Худший ответ:
Самое простое решение - подключайтесь к Cloudflare
Если это не помогает, тогда берите виртуальный/выделенный сервер и, в зависимости от Вашего сайта, уже настраиваете там необходимую Вам конфигурацию. Вариантов этих самых конфигураций, как Вам уже сказал WordPress WooCommerce, могут быть тысячи. Все зависит от постановки задачи и исходных данных.
Вопрос: Почему MySQL сам редактирует данные?

Лучший ответ:
Вариантов несколько:MySQL сам редактирует данные. Ваша БД была выбрана для проведения секретного правительственного эксперимента в области искусственного интеллекта и возможности его применения в качестве оружия массового поражения (не щадит ни одного пользователя, а ведь среди них, наверняка, есть женщины и дети!).Вашу БД кто-то взломал и балуется.В вашем коде есть ошибка, из-за которой при изменении значения этого поля для одного или нескольких пользователей используется некорректное условие фильтрации и обновляются все пользователи.
На всякий случай уточню, что возможные причины перечислены в порядке возрастания вероятности того, что дело обстоит именно так.

Худший ответ:
А что если написать триггер, который будет логировать происходящее ? Вы сможете отследить время и запрос (SELECT `info` FROM INFORMATION_SCHEMA.PROCESSLIST) , который устраивает эти безобразия.  Попробуйте покопать в этом направлении
Вопрос: По этом прошу Вас подсказать какой выбрать язык программирования и Фреймворк соответственно?

Лучший ответ:
Экономия на распиле госконтракта?

Худший ответ:
Всё зависит не от фреймворка и языка а от прямоты рук разработчика. И вообще решать должен разработчик. Вот вы выберите Yii например, а разработчик который вам понравится скажет: "Я с ним никогда не работал а работал на laravel и на нём можно сделать не хуже" кого вы послушаете в этой ситуации?
Вопрос: Литература, видео-лекции или какой-либо другой материал по сетям для новичка?

Лучший ответ:
Отличный цикл статей linkmeup.ru/blog/11.html

Худший ответ:
Тут
Вопрос: Какой стек технологий лучше использовать?

Лучший ответ:
jquery развивается и списывать его еще очень рано. Он выполняет задачи совсем отличные от react и т.д. Однако сказать что в нем есть удобные элементы для druganddrop я не могу. Но есть куча библиотек, которые реализуют именно это, например:
https://shopify.github.io/draggable/
Советовать Вам тот или иной фреймворк  по двум строчкам описания проекта не считаю разумным. Возможно будет вообще оправданно использовать для интерфейса svg и canvas, а для них куча библиотек есть типа https://d3js.org/ или svgjs.com и там своя реализация drag and drop и лепить к ним js фреймворк будет уже не совсем нужно.

Худший ответ:
jQuery из того периода, когда у каждого браузера был свой JavaScript и это надо было сглаживать. Сейчас для кода уровня jq достаточно ванильного js. А вот когда фронт сложен и в нём куча подвижных взаимозависимых частей, работать без фреймворка - это слабоумие и отвага на ниве велосипедостроения. Выбор же между React, Vue и Angular - это выбор ваш личный. Изучите статистику применения, посмотрите на какой фреймворк больше вакансий, попробуйте каждый, посмотрите какой вам удобнее.