DimaIs

1.
class AnyCompnent extends React.Component
2.

constructor(props) {
  super(props);
}

Почитайте про наследование классов в JS: ссылка

Способ 1: рассчитать координаты каждого child_n относительно child__wrapper, потом добавить к ним координаты child__wrapper относительно parent (свойства offsetTop, offsetLeft каждого элемента дают нам координату относительно родителя ДОКИ)
Способ 2: использовать метод getClientRects ДОКИ

Async/await вам в этом случае не поможет, необходимо переделать реализацию под промисы
Статься про промисы
Касательно решения: вам необходимо резолвить промис со значением в виде обьекта с необходимыми данными, промис резолвится функцией resolve, которая передается первым аргументом коллбека, передаваемого в конструктор промиса:

interface IImageSize {
    width: number;
    height: number;
}

const getImageSize = (imageDataUrl: string): Promise<IImageSize> =>
    new Promise((resolve): void => {
        //Создаем промис, его же и возвращаем
        const image = new Image();
        image.src = imageDataUrl;

        image.onload = () => {
            const { width, height } = image;
            const imageSize: IImageSize = {
                width,
                height,
            };
            resolve(imageSize); // резолвим промис с необходимым нам обьектом
        };
    });

 // вызываем функцию либо внутри другой асинхронной функции, дабы был доступен оператор await
const anyFunction = async (): Promise<void> => {
    const imageSize: IImageSize = await getImageSize("<any_image_url>");
    const { width, height } = imageSize;
};

//либо поступаем как с любым другим промисом
getImageSize("<any_image_url>").then((imageSize: IImageSize): void => {
    const { width, height } = imageSize;
});

Вы возвращаете новый обьект со следующей сигнатурой:

{      
        init: function,
        avrukh: function
}

При вызове init она имеет доступ к внутреннему контексту, в котором содержится testHandlers. Если вы хотите вызывать эту функцию у возвращаемого обьекта, то можно добавить этот метод в поле возвращаемого обьекта:

{      
        testHandlers: testHandlers,
        init: function,
        avrukh: function
}

Экспорт графика в изображение:
Chart.js

Тут стоит исходить из того, что операции create/update происходят единожды и с одной конкретной строкой, в отличие от того же чтения. Гипотетический пример: у нас есть N записей, для их создания нам N раз придется складывать M столбцов. Допустим, что таблица у нас неотсортированная и без индексов. Тогда для поиска одного элемента нам придется в среднем N / 2 раз сложить M столбцов, что уже даже при единичных операциях поиска убьет весь наш "выигрыш" от отказа вычислять эти столбцы при создании/обновлении. Выбор очевиден

const array = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'];

const processArray = async arrayToProcess => {
    for (let now = 0; now < arrayToProcess.length; now++) {
        const currentItem = arrayToProcess[now];
        await anyAsyncFunction(currentItem)
    }
}

const anyAsyncFunction = anyData => new Promise((resolve, reject) => {
    $.ajax({
        url: '/assets/themes/theme/send.php',
        method: 'post',
        data: {
            text: anyData,
        },
        success: resolve
    });
})

Можно навесить на onchange у селекта:
const reloadPage = () => location.reload();

Сложно посоветовать что-то конкретное, люди разные, но поведаю вам свой путь, ибо тоже начинал с с++.
Изучил основы на сайте stepik (Ссылка на курс), курс от Яндекса и ВШЭ, его ведет приятный мужик, говорит кратко и по делу. Темы в основном простые (базовый синтаксис), а вот над некоторыми задачами пришлось попотеть не один день, иногда полностью отчаиваясь, но через неделю возвращаясь. В итоге это позволило мне собрать какое-никакое представление о том, что есть математическое мышление в купе ЯП. После этого прочел книгу Стивена Прата (Ссылка на книгу), длинное, порой сложное, но очень хорошо расписанное от А до Я чтиво. После него взялся за Страуструпа (Ссылка на книгу). Если вы дошли до этого пункта, то отсюда можно плясать в практически любом направлении - десктоп, геймдев, просто графика, computer vision, ИИ, все что угодно. Благо, материалов по темам достаточно.

Возможно, т.к. это коллбек, теряется контекст
Попробуйте:

reader.onload = function(fileEvent) {
       this.context.decodeAudioData(fileEvent.target.result, calcTempo);
      }.bind(this)