Првильно ли я использую библиотеки?

Игорь Махов, Можно api на чистом node.js писать. express просто возьмёт часть работы на себя и позволит концентрироваться на задаче в большей степени.
React вместо чистого js мы ведь тоже используем ради того, чтобы думать о бизнес логике и реализовывать её быстрее.
Тут вам ещё axios пригодится для взаимодействия с api. Просто ввиду удобства работы. Но если буквально один запрос, то можно и fetch встроенный использовать. Если понадобится ie есть полифил. Но можно и самому через xmlHttpRequest. Тогда ничего не понадобиться. Это всегда компромис между размером итогового бандла и удобством разработки/поддержки.

Важно понимать, что в итоговый прод идут не все библиотеки, которые вы используете. Некоторые нужны только для разработки и не войдут в js который в итоге попадёт в браузер. Так же как и не всё, что вы используете на серверной стороне попадёт на прод сервера.

Например, препроцессоры будут использованы только при разработке, на выходе мы получаем css и библиотека для препроцессора нам не нужна в итоговом бандле. С тайпскрипт та же история. С линтером то же самое.

Вывод: если инструмент подходит для решения задачи и не выглядит избыточным в её контексте - используйте его:)

Почему параметры для background-image не работают в одной строке?

Colt47pc, Пожалуйста:) Кстати, у вас в devtools, если вы посмотрите на селектор, где подобным образом указали свойство, будет восклицательный знак в жёлтом треугольнике рядом со свойством, сигнализирующий о том, что значение свойства задано неверно (invalid property value). Само свойство будет зачёркнуто, чтобы показать, что оно в данный момент не применяется. Если свойство зачёркнуто, но значка нет, значит оно перебивается в каком-то другом селекторе в css. Если что-то не работает, начните поиск проблемы с этого. Удачи:)

Какой редактор кода лучше?

Maxim Siomin, Вы можете конфигурировать всё, вплоть до подсветки синтаксиса. Хоть своё писать, хоть дорабатывать существующие собственным конфигом. Ещё советую воспользоваться потом плагином settings sync для синхронизации плагинов и конфигов. Он сэйвит конфигурацию редактора и можно быстро накатить её на другом рабочем месте ( у меня это работа, ноут и домашний пк, было бы не очень удобно везде настраивать и донастраивать когда что-то поменял )

Rак улучшить читаемость текста на фото?

caof19, ага, например им

Почему не привязывается this через метод call/apply в стрелочной функции?

Сергей Салтанович, думаю, наиболее полно ответить так

Почему не привязывается this через метод call/apply в стрелочной функции?

Robur, у стрелок сохраняется контекст вызова. Можно назвать его "несобственным"

Я могу запретить движение input?

Арсений Матыцин, чего только не сделаешь, чтобы людям было не удобно:)

Я могу запретить движение input?

Арсений Матыцин, А после переноса, чтобы инпут соответствовал ширине, создавать новый элемент со стилями visability: hidden, копировать в него первые 10 символов, измерять размер и выставлять его нашему диву.

Я могу запретить движение input?

Арсений Матыцин, можно событие input ловить ещё и переносить принудительно после первых 10 символов. По ширине не совпадёт, но задачу решит:)

Я могу запретить движение input?

Арсений Матыцин, согласен:) у меня было 5 минут на эксперименты, что успел:) извольте продолжить))

Я могу запретить движение input?

Арсений Матыцин, ответил:)

Я могу запретить движение input?

SpiderPigAndCat, Мне кажется, что в input всё равно будет "скролл" до курсора при вводе текста. Но это не точно:)

Может начать с contededitable на любом теге и попробовать контролировать переносы и скролл по х через js начав с такой разметки (не факт, что это к чему-то приведёт):

<div contenteditable="true" style="width: 200px; height: 40px; border: 1px solid gray; overflow-x: scroll; overflow-y: hidden;"></div>

Как сделать так, чтобы при нажатии на 2 кнопки менялись значения в элементах?

deantek, Пожалуйста, это вряд ли оптимальное решение, так, накидал побыстрому. Если не понятно будет что где получаем, то просто пользуйтесь console.log(someVar) :)

Как сделать так, чтобы при нажатии на 2 кнопки менялись значения в элементах?

В html вставьте свои значения с ценой в value и поставьте checked у полей, выбранных по умолчанию.
Стили я не писал. Стилизовать можно как угодно. В том числе используя готовые библиотеки.

очень быстрый вариант с радио кнопками

Как сделать так, чтобы при нажатии на 2 кнопки менялись значения в элементах?

deantek, сейчас, подождите немного:)

Как узнать, в каком div была нажата кнопка?

Вешать отдельный обработчик на каждую кнопку не есть хороший подход. Лучше ловить через всплытие.

Как узнать, в каком div была нажата кнопка?

Вешать отдельный обработчик на каждую кнопку не есть хороший подход. Лучше ловить через всплытие.
Использование parentNode уже, чем closest(). Более вероятны проблемы при изменении вёрстки.

Как правильно сверстать footer?

Можно, просто зачем? Удобнее прыгать от rem единиц в отступах. Пиксели только на max-width у меня остаются и в :root для font-size. В некоторых случаях в местах где нужен фиксированный размер либо изменяющийся только в медиа запросах.

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

Как правильно сверстать footer?

Телефоны не забудьте кликабельными сделать. Там у вас недописано немного. пиксели использовать не нужно, если это будет адаптив. Есть %, rem и em для этих целей. На float-ах сейчас уже не верстают. Страшного в этом ничего нет, можно использовать, но вам самим будет не очень удобно. Посмотрите в сторону flex-box. Избегайте вложенных селекторов, есть прекрасный БЭМ. Для цветов и других повторяющихся, зависимых от чего-то величин, поддающихся какой-то общей логике лучше использовать css переменные. Почитайте "css для профи". Это книга, не помню автора.

<!-- Вот тут -->
<ul>
  <li>номер</li></a>
  <li>номер</li></a >
  <li>номер</li></a >
  <li>номер</li></a >
  <li>номер</li></a >
</ul>

<!-- Должно быть так -->
<ul>
  <li><a href="tel:[phone]">[phone]</a></li>
  <li><a href="tel:[phone]">[phone]</a></li>
</ul>



<!-- А вот тут -->
<ul>
  <a href="#"> <li>О компании</li></a>
  <a href="#"> <li>Новости</li></a >
  <a href="#"><li>Вакансии</li></a >
  <a href="#">  <li>Отзывы</li></a >
</ul>

<!-- Так -->
<ul>
  <li><a href="#">О компании</a></li>
  <!-- ... -->
</ul>

Как использовать два экземпляра класса?

Elena0394, а, окей. Вы в методе render вызывали внутренний метод add. Код странный, не сразу понятно зачем. Ведь если нужно вывести в консоль add то в add проще написать this.list *= 5, а потом вывести инстанс класса console.log( list2.list ) например