Как отследить факт изменения объекта?

ещё МобХ в эту копилку

Как canvas загрузить на сервер как изображение?

mark1505, после того, как у тебя на руках оказался блоб, его можно передать напрямую в fetch, либо собрать FormData и его толкнуть снова через fetch

ссылки:
https://learn.javascript.ru/fetch#otpravka-izobraz...
https://learn.javascript.ru/formdata

Можно как-то получить результат выполнения функции в дочернем компоненте из родительского?

как понимать вот это: "функция, которая находится внутри компонента"?

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

в экшен SET_RND_NUM не передавать рандомное число, перенеся эту логику в редьюсер. Да, редьюсер перестанет быть "чистой функцией", но невелика потеря.

ещё, как вариант, можно сохранить чистоту редьюсера, если передать в экшн результат вызова Math.random().
а конкретное итоговое значение будет определено в самом редьюсере, основываясь на переданном значении из экшена и актуальной версии массива. Всё как любят ФП-шники.

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

Dudarik, redux безусловно лучше, чем "стотысячная попытка запилить свой редукс на контекстах". Конкретно для твоего случая зарешает хук useStore - ты сможешь получить актуальную версию массива как store.getState().arr непосредственно перед вторым действием.

ещё можно использовать МобХ, там всё будет легко и просто (как, впрочем, всегда бывает). Рекомендую.

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

Переносим соответствующий вызов dispatch из обработчика клика в эффект

святые отцы не рекомендуют так делать - https://beta.reactjs.org/learn/you-might-not-need-...
действие должно остаться в обработчике.

Но получить новый массив для второго действия действительно надо. В рамках ограничений концепции useReducer, это можно сделать только внутри вызова редьюсера. Так что здесь проще всего схлопнуть два редьюсера (reducerArr и reducerRndNum) в один, а в экшен SET_RND_NUM не передавать рандомное число, перенеся эту логику в редьюсер. Да, редьюсер перестанет быть "чистой функцией", но невелика потеря.

Как выполнить функцию после click?

Вообще-то afterClick вызывается после клика, то есть когда юзер отпустил кнопку мыши. Но если хочешь ещё "чуть более после", то к вышеперечисленным вариантам добавлю макротаск через промис.

Как сохранить стейт после последнего рендера?

Николай, вызывай apiDescription.start, только если widthDiv больше 0.

Нужен ли Typescript в Vue как в React?

Максим Морев, сложнее medium вряд ли что-то попадется.

Можете посоветовать хороший и актуальный курс/книгу по React?

Anvario0, лучше задавай вопросы здесь. Я могу чего-то не знать, а тут полно чуваков, разбирающихся в реакте.

Можете посоветовать хороший и актуальный курс/книгу по React?

Anvario0,

Долго учить typescript?

В нормальном объёме можно за пару дней, если упороться. По сути это просто система типов для js.

Можете посоветовать хороший и актуальный курс/книгу по React?

Anvario0, чтобы вломиться в Реакт, надо более-менее свободно владеть JS (а в идеале ещё и TS). У тебя ведь так?

Без этого будут одни расстройства.

Как переопределить toString и valueOf у объекта и массива?

AlexNew22, valueOf сделан как обычная (не стрелочная) функция, значит this определяется при вызове.

А вызван он будет через точку: arr.valueOf(). В твоем коде нет этого вызова, это js добавляет "от себя". Потому в this подставляется arr, то есть то, что стоит перед точкой.

Поскольку valueOf нет в самом arr, он будет найден в прототипе, но в this всё равно пойдет arr, так мир устроен.

читай главы учебника про объекты, прототипы и т.д.

Как переопределить toString и valueOf у объекта и массива?

AlexNew22,

Array.prototype.valueOf = function() {
    return this.reduce((a, x) => a + x, 0);
};

надеюсь, эта наркомания нужна только для учебных целей )

Объединение массивов, почему contact неработает?

"контакт? - есть контакт!"

Зачем нужен этот generic?

ih4rd, параметр NextPage - это просто параметр NextPage. А "ключ" он или нет, уж не знаю..

Если натуральное число x делится на целое число a и на целое число b, то оно делится на a/b, почему так?

X / (a/b) === (X/a)*b

Объясните решение задачи?

Slavik KENNY, это было бы возможно, если бы условие не требовало посимвольно кодировать буквы.

Тогда, поскольку алфавит всего из 7 букв, возможно 7 ^ 21 = 558545864083284007 различных паролей.
59-битное число дает 576460752303423488 различных значений, что немного больше.

Объясните решение задачи?

Но умножать надо бы 40 паролей на 63 бита

вообще говоря, для одного пароля хватило бы 59 бит, потому как различных символов не 8, а 7. Итого 295 байт на всё про всё.

Но увы, задача требует округлении там и сям.

Почему не отрисовывается компонент React?

https://qna.habr.com/q/1181936
там много букв, но суть вопроса точно такая же.