historydev

Вставьте элемент, вы его не используете:

const textParagraph = document.createElement('p');
    textParagraph.innerText = response.message;

Вот так нужно, не надо говно-кодить какую-то коммуникацию между редуксом и стейтами реакта

.block p {}

Полагаю это поможет: https://www.w3schools.com/css/css_rwd_viewport.asp

useEffect(  ()=>{
  axios.post('https://example/', payKey.data, mesKey.data).then(console.log).catch(console.error)
},[])

Получилось вот так:

FROM node:16
WORKDIR /usr/src/app

COPY ./package*.json ./
COPY ./lerna.json ./

RUN npm install

WORKDIR /usr/src/app/packages/backend

COPY ./packages/backend ./

RUN npm install

WORKDIR /usr/src/app/packages/frontend

COPY ./packages/frontend ./

RUN npm install --legacy-peer-deps

WORKDIR /usr/src/app/packages/static_hoster

COPY ./packages/static_hoster ./

RUN npm install

WORKDIR /usr/src/app

RUN npm run build

COPY . .

EXPOSE 3000

CMD ["npm", "start"]

const arr = [];
const len_items = 10;
for(let i = 0; i<len_items; i++) {	
  arr.push(i);
}
console.log(arr) // set state

it("finds exchange", async () => {
  const response = await fetch("https://jsonplaceholder.typicode.com/posts/1");
  const data = await response.json();

  expect(data.userId).toEqual(1);
});

Заходим по пути, листаем и смотрим левую часть каждого файла:

AndroidSDK\ndk\25.1.8937393\toolchains\llvm\prebuilt\windows-x86_64\bin

i686-linux-android30-clang, armv7a-linux-android30-clang

Используй transition на opacity

function try_callback(a, b, callback) {
	return callback(a, b)
}

function plus(a, b) {
	return a + b
}

console.log(try_callback(1, 1, plus))

$('.block').hover(function (){
  $('.subblock').addClass('active');
})
$('.block').mouseleave(function (){
  const t = setTimeout(function () {
      $('.subblock').removeClass('active');
    },1000)
  $('.block').mouseenter(_ => {
    clearTimeout(t)
  })
})

const res = await fetch('https://jsonplaceholder.typicode.com/users');
const data = await res.json();
console.log(data)

document.querySelectorAll("input[type=radio]").forEach(input => {
  const oops = document.querySelector(".oops");
  input.onclick = () => {
    if(input.id.includes("1")) {
      oops.classList.add("hide");
      return
    } 
    oops.classList.remove("hide");
  }
});

Запускать без start, просто вызвать файл в моём случае ./build/greetings.exe

.active {
  color: red;
}

<div>a</div>
<div>b</div>
<div>c</div>
<div>d</div>
<div>e</div>

document.onkeydown = (e) => {
	document.querySelectorAll('div').forEach(el => {
  	if(el.textContent === e.key.toLowerCase()) {
    	el.classList.add('active');
    } else {
    	el.classList.remove('active');
    }
  })
}

Array.from - по дефолту querySelectorAll возвращает nodeList (к нему можно применить только forEach для пробега), а нам нужен массив чтобы получить доступ к методам массивов, в данном случае find.

Find - пробегается по массиву и возвращает undefined или первый найденный элемент

v - текущий элемент, v.textContent - v это объект у которого есть textContent поле.
mass[i] если mass объект, достаёт значение поля по ключу, если mass массив достаёт элемент по индексу.

v.textContent == mass[i] сравнивает на соответствие, условие которое передано в find, вернуться все элементы к которым подошло условие (вернуло true).

let res = Array.from(elems).find(v => v.textContent == mass[i]);

package.json:

"scripts": {
  "sass-dev": "sass --watch --update --style=expanded assets/scss:assets/css",
  "sass-prod": "sass --no-source-map --style=compressed assets/scss:assets/css"
}