Rapen

Потому что метод json() возвращает промис, а не результат, соответственно применение к нему user.name не будет иметь смысла, так как у промиса никакого name нет, он будет только у результата, когда мы оборачиваем массив промисов в Promise.all, то функция возвращает промис, а значит в следующий then попадает уже результат вычисления, то есть данные юзеров.

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

Если вас фигурные скобочки смущают, можете писать

export const Notes = (props) => { // дальше props.arrList

jstherightway.org/ru-ru
+ udacity, udemy
https://courses.wesbos.com/account (поищи курсы по душе, есть платные ,а также бесплатные)

https://medium.freecodecamp.org/a-roadmap-to-becom...
https://github.com/zualex/devmap

И проходим по пунктам :)

Внутри функции может потеряться контекст в зависимости от того, как она вызвана.

// вызов
obj.foo();
// и вызов
const bar =  obj.foo;
bar();
// оба вызывают foo, но во втором случае this внутри foo будет привязан не к obj, 
// а к глобальному объекту

Таким образом, если мы хотим передать функцию куда-то с определенным контекстом, нам ее надо привязывать. Второй момент, что класс это просто синтаксический сахар, а на самом деле это просто функция, к которой this не привязывается. Таким образом, внутри класса, метод не будет понимать куда вы обращаетесь без привязки.

https://jsfiddle.net/xr0Le8ve/

В школах и институтах учили строить алгоритмы, еще когда рисовали блок-схемы.
Это не зависит от языка программирования - нужно просто составить алгоритм для решения задачи. Изучая различные аспекты языка программирования, различные библиотеки, фреймворки и так далее вы просто приобретаете знания о дополнительных инструментах, которым нужно пользоваться для решения задачи.

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

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

Например, взять какую-нибудь игрушку с множеством товара и найти самый выгодный или дешевый товар. Вам будет понятна цель - найти нужный вам товар
При этом не будет важно в каком виде - в виде веб-странички, в виде простого текста на экран, или в виде заполненной таблички в базе данных.
При этом не будет важно какими инструментами вам нужно воспользоваться.
Главное, что вы осознаете что именно хотите получить. И пишете программу, которая выдает вам результат, используя имеющиеся знания.
Чем больше знаний, тем удобнее в конечном счете пользоваться тем что вы написали и тем быстрее и проще вам это писать.