n1ksON

Скажу честно, опыт написания классовых компонентов никогда не имел. Всегда писал только на функциональных и хуками пользуюсь активно.
Код функциональных компонент куда проще, меньше и понятнее, имхо. Хуки - очень полезные инструмент. Нужно иметь разделять state. Что-то идёт в redux, что-то хранится непосредственно в state самой компоненты. Также всё зависит от подхода к организации структуры в проекте.
useState, useRef и useEffect - вообще юзаю в каждом проекте, не представляю как без этого трио можно обойтись. Использование остальных уже от задач зависит.

Придется создавать для теста каждого компонента обертку из провайдера?

Да, но давайте не будем о грустном)

Раньше можно было взять компонент, передать props и быть довольным.

А что сейчас мешает?

На демонстрационных примерах все понятно и очевидно - компоненты проще и читабельнее на хуках, но реальные проекты это какое-тоо месиво и фарш

Если грамотная структура проекта, отделена логика, то всё чётко и понятно. Да, обычно, самая большая боль - это структура. Триллион папок с файлами. Но не уже ли на классах в реальных проектах по-другому?

Что вы за стиль пытаетесь задать? Если уж задаёте настолько максимально странный отступ, то пишите так:

<div id="submenuContainer" style={{marginLeft: {`${document.getElementById("modalMenu").scrollWidth}px`}}}></div>

Если только начинаете осваивать React, переходите сразу к изучению функциональных компонент, а не классовых.

React не рекомендует обращение к dom, то есть рекомендует не использовать вызовы document.
Лучше найти более адекватный вариант, чтобы задать отступ.

Где брать заказы на фрилансе?

На фрилансе

var factorial = function(n) { // объявление функции
    var cnt // объявление пустой переменной cnt
    var res = 1 // объявление переменной res со значением 1
    for (cnt = n; cnt > 1; cnt--) { // цикл, по типу: for (var i = 0; i < 5; i++)
// то есть пустой переменной cnt присваивается значение, 
// которое пришло в аргументе n при вызове функции (в данном случае 4), 
// цикл выполняется пока cnt больше 1, на каждой итерации от cnt отнимается 1
        res *= cnt; // значение res умножается на cnt
    }
    return res // возвращает получившееся значения res
}
console.log(factorial(4)) // выполнение функции с n = 4

Лучше копирайтером становитесь..

HTML - пустая страничка
+ CSS + JavaScript - уже лучше, сайт конечно не сделать, но что-то простое можно
+ SCSS/Sass + jQuery + PHP/Python Django + BEM - несложный сайт можно запилить
+ Pug + Webpack + CMS - уже можно блог или интернет-магазин сделать, в целом, нормальный арсенал
+ React/Angular/Vue + ES6 - недостающий набор для полноценного джуна-фронтендера
+ ESLint + Babel + и куча всего другого, чего вам уже точно не потребуется для создания своего сайта

Отношение 16:9 означает, что на каждые 16px по горизонтали должно быть 9px по вертикали.

Сначала оцените сколько стоит один час вашей разработки, допустим, 500 рублей. Затем, сколько вы приблизительно затратите часов на этот проект. Всё зависит от ваших способностей и навыков, но пусть будет часов 20-25. Значит оценочная стоимость проекта в 15.000 рублей вышла корректной.

Не совсем понятно, что вы хотите, мотивацию получить?
Чтобы не сдуться и не застопориться, посмотрите на зарплаты программистов.

Вот roadmap front-end разработчика.

Учитесь, вы ещё в самом начале своего пути. Если вы стопоритесь на верстке, задумайтесь, нужно ли вам оно вообще? Если нужно, тогда идите и учитесь. А если нет, то на нет и суда нет.

Если у вас массив из объектов:

json.map(data => {
	if (data.nameEnglish === text) {
  	return data.name
  }
})

Если у вас JSON, сначала переведите его с помощью parse().

В чём вопрос? Как сделать сверстать три карточки? Обычная блочная верстка, лучше всего использовать flexbox. Можно использовать CSS Grid Layout или float.

А если вам обязательно нужно использовать сетку Bootstrap, то это аналог grid, подробнее в документации.

Практически всё верно, однако, после выполнения условия if нужно не удалять элемент, а перемещать его в бургер.
Для перемещения по DOM-дереву используйте метод append.
Также для получения последних элементов можно использовать eq.

Дополню, что ещё существует jsfiddle и отлично заменяет codepen.