Кто сможет проверить небольшой шаблон на react?

Меню хтаранишь в стейте а толку если ты не будешь вносить изменения? можно просто типа такого, можно разбить на компонент родителя это будет просто ul.menu и все li сделать в компоненте intemMenu и потом использовать в другом место этот компонент, можно передать по пропсу другой файл State d itemMenu и вывести его не в ul.menu компоненте а вообще в footerMenu.

import React from "react";  
import State from './State';  //файл с меню

const ListMenu = props => {
const listMenu = State.menu.map((item,index) =>{
 return (
<ItemMenu key={index} value={item}>
)
});
 return {listMenu }
}

/*itemMenu*/
 <li>
   <NavLink to={`/${props.value.url}`}>
     Profile
    </NavLink>
 </li>

Можешь сделать такой файл с меню, с данными для странцы и т.п, по факту объек с ним легко работать и легко брать данные, так же проходить как ты проходил массив свой только сначала через . обратится к нужному пункту.

const MenuList = [
  {
    id: 1,
    name: "home",
    url: "/"
  },
  {
    id: 2,
    name: "How it work",
    url: "/how-it-work"
  } 
];

export default MenuList;

Кто сможет проверить небольшой шаблон на react?

Ну с того что я заметил сразу зачем тебе делать в каждом файле state с меню сделай себе файл state.js и сделай себе массив с данными со всего сайта, все равно бд я так понял не знаешь как использовать, меню у тебя вообще странное почитай про route router Navlink switch и организуй меню а не ясную штуку) и если тебе не нужен по функциональности класс то зачем его использовать)

Как сделать кнопку с ползунком html?

Наверное так, если верное понял, можешь еще 1 переменную сделать и менять сам текст, по радио батонам я спать) 5 ночи почти))) заверни Chanhe в функцию const Name = valueRadioBtn => {функция change цены}, а и надо дальше брать querySelectorAll все радио, проходить их forEach делать addEventListener("click", function(){и дальше считывать твое поле с значением цены - const dataRadio = event.target.getAtribyte('data-price') и передовать в функцию name(dataRadio) } а в ней уже брать value и Ставить вместо цифр - `цена ${valueRadioBtn}` как-то так) Дописал я там пару строк дальше думаю разберешься))

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

Persotr27, попробуй на англо язычных сайтах поискать там намного больше инфы найти можно, я думаю не ты первый столкнулся с таким вопросом) где-то должна быть инфа - или что не возможно или с решением

Что поправить у псевдо?

или как пишут выше указать бешеный height и сделать hide чтобы обрезать лишнее или по средства js измерить высоту и присвоить ее вашему :after, что более правильнее и лаконичнее решать вам) если смотреть со стороны того что если вы укажите 1000000% и когда-то страница превысит эту высоту то картинка будет не до конца) это конечно из разряда фантастики) ну а js всегда измерить точно высоту))

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

тут что-то есть на эту тему -

http://qaru.site/questions/61020/how-to-open-new-tab-in-javascript-without-switching-to-the-new-tab

Как впихнуть-вставить-сверстать?

barsukovjke1g, хотеть не вредно) я в таких случаях всегда руководствуюсь 1 правилом - овчинка выделки не стоит, бывает 1 картинка просто элементарная но фон там адский, конечно правильно сделать SVG и так далее но тратить ты часа 2-3, а вырезать .png 1 мин, вот и смотри стоит ли 1 картинка 3 часов потраченного времени))) конечно если мне за него платят я могу и сутки сидеть если заказчика такой расклад устраивает))
но обычно ее как поставят туда так и будет она стоят лет 10 еще))

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

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

Как вычислить line-height в Avacode?

scss -

или gulp-pxtorem или руками считать каждый раз))
@function em($target, $context: $font-base) {
  @if $target == 0 { @return 0 }
  @return $target / $context + 0em;
}
$fs: 16px;

Умножение в javascript, где ошибка?

в таких случаях самая рабочая схема console.log(), просто выводишь свои переменные и расчеты и смотришь где не сходится)

Как сделать класс с увеличением градиента цвета?

111ilya111, Открываешь пикер если другой цвет нужен и сверху в низ тянешь, если ровно тянешь то меняется обычно в 1 месте с ним уже и работаешь в скрипте))

Как сделать класс с увеличением градиента цвета?

Вот так и взять как rgb а не hex)) - 111ilya111,

Как сделать класс с увеличением градиента цвета?

Берешь Js и пишешь) только что посмотрел в коллор пикере RGB меняется только центральная часть по факту, по этому обычный Math.Random от 0-255, дальше проходишь циклом таблицу и в каждой ячейке делаешь цвет + смотришь чтобы G шло от 255 в низ и учитываешь количество колонок чтобы палитры хватило, можешь вообще в ручную.

Отображение div в разных местах в зависимости от размера экрана?

Дмитрий Дремин, можно попробовать обернуть блок в col-12 и второй со всей внутрянкой и попробывать через order подвигать, указывать сдвиг на 12 колонок может они будет подниматься вверх) я только левый и правый так местами менял))

Как проверить все доступные дивы с классами на пробел или пустоту?

const letter = document.querySelectorAll('.letter');
letter.forEach(item =>{
 if(item.innerHTML.trim() === ''){
  console.log('1');
 }
});

Как убирать элемент, когда он пересекает другой блок?

Можно прям как-то так если не заморачиваться совсем)) 260 и 40 можно тоже сделать переменными, 260 это типа высота блока твоего offsetHeight - 20 высота кружка и еще 20 это отступ у тебя top: 20px, в сумме 40)
fruneen,

const element = document.querySelector('.element');
element.style.display = 'none';
const wrapper = document.querySelector('.wrapper');

window.addEventListener('scroll', function(){
if (this.pageYOffset >= wrapper.offsetTop - 40){
	element.style.display = 'block';
} else {
element.style.display = 'none';
}
if(this.pageYOffset >= wrapper.offsetTop + 260) {
	element.style.display = 'none';
}
});

Стоит ли создать новый контейнер для отдельной вёрстки хедера?

BenderIsGreat34, так пример открой глянь какие стили добавляет этот класс и себе закинь) там по факту тот же самый fixed)) можешь заворачивать хоть в лаваш)) а можно сделать общий блок для всего текста и сделать отступ на высоту header.

Стоит ли создать новый контейнер для отдельной вёрстки хедера?

можно, но есть вариант с кодом из коробки - .fixed-top
https://getbootstrap.com/docs/4.0/examples/navbar-...

Как изменить положение radio кнопки woocommerce с одной стороны на другую?

Дмитрий Глазков, тут надо уже код смотреть) я просто не знаю как там сделано. если это таблица то сделать tr td объединить 2 колонки и засунуть туда) если там дивы то сделать width: 100% правому блоку

Как изменить положение radio кнопки woocommerce с одной стороны на другую?

Дмитрий Глазков, там тебе колонку надо увеличить чтобы в линию стало, есть команда - white-space, почитай там есть запрет на перенос слов, но если у тебя колонки не хватит просто вылезет за границы блока)) тут на уровне дизайна нужно было продумать это, карточка маленькая а данных много