Антон

Можно выбрать 3 способа

1.

.color-black {
  color: #000;
}

document.body.classList.add('color-black');

2. document.body.style.color = '#000';

3.

body {
  color: var(--body-color);
}

document.documentElement.style.setProperty('--body-color', '#000');

https://www.google.ru/search?q=react+mongo+express...

https://webref.ru/css/target

Для этого придумали webpack или rollup

Знать, как работают прототипы, надо, можно не углубляться.
Использовать лучше классы, хоть это всего лишь сахар. Они сейчас используются практически во всем новом.

• Arrow function
  
• .bind(this)
  
• Оператор :: (только в babel)
  

Попробуйте
pointer-events: none

Promise.all([
  fetch(url1),
  fetch(url2)
]).then( ([response1, response2]) => {
  console.log(response1.text(), response2.json());
});

самый первый пример из официальной документации

var app = require('koa')();
var router = require('koa-router')();

router.get('/', function (ctx, next) {...});

app
  .use(router.routes())
  .use(router.allowedMethods());

+ мб у вас старая версия роутера
npm install koa-router@next

https://www.npmjs.com/package/eslint-plugin-react

rollupjs.org - вроде как лучший на данный момент загрузчик модулей

пример

import $ from "jquery";
import 'utils/myutil'; // .js на конце не обязателен

$(document)...

И делаем билд (рекомендую через npm scripts)
rollup src/main.js --output bundle.js

Есть

https://www.google.ru/search?q=jquery+popup

animation-fill-mode: forwards;

Используйте koa

router.get('/', async ctx => {
  ctx.body = await collection.find().toArray(); // при условии, что это вернет promise
});