Ну знаешь  типы данных, массивы и метод map , filter , reduce , деструктуризация как применять , спред оператор, классы ? Этого достаточно . Остальное в курсе по реакту показывается, типа работа с фетч, промисы и прочее.

Так феч и промисы это тож основа

Та смысл раз прочитать сделать пометку в конспект и хватит. В курсах по реакту показывают как с ними работать

Ну не знаю, я чет таких курсов не встречал) акцент делают на то как с реактом работать а это же нативная штука совсем..

Кто нибудь видел/использовал штуку для фейкового апи с локалСтораджем?
Нужен обычный CRUD

И вообще я не вижу смысла делать приложения на жс полноценные если хочет в реакт. Тот же туду в экосистеме реакта отличается полностью , нежели в нативке. На нативке проще. Получил, в переменную записал, отрисовал. Удалил через ремув. А в реакте не так просто

Ну если ты просёк асинхронщину - тогда пометка, а если нет - тогда могут быть проблемы.

Научиться пользоваться нативными фичами не помешает, а то что оно отличается то да, но как-то все равно)

Ну почитает тему по промисы , посмотрит про фетч сделает заметку, и хватит, применять научится уже по ходу создания учебных проектов по реакту . Смысл мусолить

Мусолить не мусолить, но когда абстракция в виде эвент-лупа загружается в мозг - жить становится много проще.

метлу

Я прост сторонник того, что если хочет делать на фрейме/ библиотеке то в той экосистеме пусть и отрабатывает все. В том числе и базу , а она будет нужна . Но Уже в среде либы / фрейма. Главное норм запомнить самую базу типы данных, приведение, нормальные методы и тд, дестр очень важна в реакте. Пушто пока они мусолят это все в нативке до либы фрейма не добираются и ливают 😁

Не присваивается новый стиль background-image с JS:

const handleAvatarUpdSubmit = newAvatarUrl => {
  console.log('Новые данные============')
  console.log(newAvatarUrl) // {url: "https://mail.yandex.ru/?uid=513389187&login=alex-khokhlov1"}
  console.log('Ссылка на старый аватар============')
  console.log('Элемент============')
  console.log(profileAvatarBtnElement) // Нужная кнопка
  console.log(profileAvatarBtnElement.style.backgroundImage) // ''
  style.backgroundImage = `url=${newAvatarUrl.url}`
  console.log('Новая ссылка============')
  console.log(profileAvatarBtnElement.style.backgroundImage) // ''
}

Стили кнопки:

.profile__avatar-btn {
  background-image: url('/src/images/profile/profile__avatar.jpg');
}
.profile__avatar-btn:after {
  background: no-repeat center/contain url('/src/images/profile/profile__edit-avatar.svg');
}

То, что логается рядом в комментах, хз, в чем дело

Коллбеки, промисы, async/await - это база. Если ты не понимаешь как это работает - у тебя будут волшебные дни, может не сегодня, но в будущем. Я даже не понимаю о чём мы говорим.

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

такие полотна лучше выкладывать в песочницу

в браузере?

Ну то понятно. А какой курс порекомендуете7

Блин, ну если ты про ехал промис через промис и вот это вот все, то он и не поймет без реальной боевой задачи ))