Почему setTimeout не работает в then?

а это как получается, 3й аргумент таймаута перенаправляется в аргумент к колбэку в первом аргументе???
0_0

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

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

Как добавить кнопку «показать больше» на каждую карточку?

JekaHC, хах, вот ещё, думаете я просто так описал всё обрывками и основными моментами?
Дорогу осилит лишь идущий. За вас я ничего делать, конечно же, не буду. Иначе какой смысл? Переделегируйте таск на freelance habr если осознаёте, что не справитесь

Как добавить кнопку «показать больше» на каждую карточку?

JekaHC, по идее все данные для первичного рендера списка должны падать с запросом к списку.
А деталку покемона запрашивать стоит по кнопке, как я и указал выше.
Запрашивать каждый раз при скрытии/отображении данные - отстой. Конечно же данные после забора стоит оставить в памяти, просто не подавать на рендер. Для этого нужно ввести новый стейт const [show, setShow] = useState(false)
А в рендере подпилить условие {data && show ? (...
В handleMore чекнуть, если show === true то просто setShow(false)
Eсли show === false и data пуста - делаем запрос, после запроса делаем setShow(true).
Если же дата не пуста - просто делаем setShow(true)
Ну и рендер контента кнопки по show пилим ...>{show ? скрыть : показать}

Как добавить кнопку «показать больше» на каждую карточку?

const handleMore = async () => {
    const r = await fetch(url)
    const newData = await r.json()
    setData(newData)
  }

  return (
    <div>
      {data ? (
         // тут бы на самом деле pokemonDetails компонент сделать и рендерить отдельный компонент для данных
      ) : (
        <div>
          <TailSpin type="Puff" color="purple" height={100} width={100} />
        </div>
      )}
    <button onClick={handleMore}>показать подробнее</button>
    </div>
  );

Как добавить кнопку «показать больше» на каждую карточку?

JekaHC, идём дальше

{pokemons.map((pokemon, id) => (
        <Pokemon key={id} {...pokemon} />
      ))}

В качестве key вы на самом деле пробрасываете индекс, а не идентификатор. Пробросьте уникальное поле из покемона. Можете тот же имя если оно уникалько или урл, но никогда не кидайте индекс в качестве ключа. По каждому чиху весь массив будет ремаунтиться вместо апдейта.

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

Как добавить кнопку «показать больше» на каждую карточку?

кстати ещё момент на заметку. Чтоб не колотить промисы, можно в колбэк useEffect закинуть самовызывающуюся асинхронную функцию.

useEffect(() => {
  (async () => {
    const r = await fetch(url)
    ну и дальше как обычно
  })()
  }, [url]);

Как добавить кнопку «показать больше» на каждую карточку?

1) offset высчитывайте через useRef() чтоб не создавать лишнего ре-рендера (каждый вызванный сеттер вызывает ре-рендер)
2) Непонятно что в pokemons.jsx и как вы там рендерите список, прокидываете пропы
3) useEffect - это не по кнопке. А по монтированию и обновлению зависимостей. Фетчить нужно в колбэке, прокидываемом в кнопку

Почему не добавляется новое свойство экземпляра vue?

0xD34F, да ты технически прав - вообще любая функция является объектом, неважно класс это, или обычная функция. Но ты продолжаешь эскалировать конфликт и упорно провоцировать меня на хейт. Бить в грудь и утверждать что эта запись

Vue.prototype.$ajax = function () {
      return new Ajax()
    }

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

Почему не добавляется новое свойство экземпляра vue?

0xD34F, в любом случае твой ответ оказался не верным, проблема заключалась в оборачивании вызова в анон функцию - Алексей Ярков мне на этот косяк указал сразу, а ты нет. Он - хороший куратор тэга, а ты - нет!

Почему не добавляется новое свойство экземпляра vue?

0xD34F, сам ты основ не знаешь. Выведи typeof Vue и вааау - это функция. Если судить в таком ключе, то объект вообще всё! У всего же есть прототип - значит объекты. Охеренная логика. Типы данных? Неее, не слышали.
Мог бы взять нормально сказать - неправильно дебажишь - разверни proto и смотри в него. $ajax должен быть там. А ты начал плеваться ядом тупо сходу, выводя меня из себя
"работает, если добавить свойство в прототип. А потом не заниматься ерундой. Чем занимаетесь вы, мне, повторяю, неизвестно."
Стыдно за это говно должно быть тебе

Почему не добавляется новое свойство экземпляра vue?

Алексей Ярков, ну мне теперь чисто академически интересно, почему с анон функцией это не заработало. Она ведь всё равно должна была исполниться и вернуть инстанс аякса, хоть ты сорок раз колбэкни - результат то отличаться не должен. В чём секрет такого поведения?

Почему не добавляется новое свойство экземпляра vue?

Сделал как в твоём репозитории 1 в 1 и сработало =D

export default {
  install (Vue, options) {
    const instance = new Ajax()
    Vue.$ajax = instance
    Vue.prototype.$ajax = instance
  }
}

И кое-в чём 0xD34F был прав - в свойста инстанса плагин почему-то не упал - смотреть нужно было в прототип, хотя когда я в последний раз писал на вью в 18м году, вроде 2.3.16 если я не ошибаюсь - плагины дружно всем скопом шли в свойства

Почему не добавляется новое свойство экземпляра vue?

потому что так, как ты написал - я пробовал изначально и это не сработало

Почему не добавляется новое свойство экземпляра vue?

0xD34F, очень конструктивный ответ. Может тебе с ним обратиться на...? Он доказывает твою обширную компетентность в javascript. Объясняю в последний раз, для самых маленьких. Vue - функция, как и jQuery (к примеру). Любой конструктор - функция. Объявить функции свойство нельзя. Свойство можно объявить объекту. Но у функции есть прототип, который и является объектом. Именно этот прототип и включает в себя сущности фреймворка типа component, directive, mixin и всё остальное, включая метод use. Он регистрирует в массив плагинов новый объект с install. Во время инициализации приложения все зарегистрированные объекты с install исполняются, в результате чего у прототипа инстанса выполненного конструктора появляются новые свойства.
Это тебе маленький ликбез.
В моей ситуации install исполнился, но не сработало добавление нового свойства в прототип, ни через приравнивание, ни через defineProperty. Срабатывать оно должно по документации в любом случае, объявляешь ты его как свойство Vue.prop или как Vue.prototype.prop - разницы нет. Оно так или иначе должно объявиться как свойство прототипа конструктора.

Почему не добавляется новое свойство экземпляра vue?

Михаил, ну это уже оффтоп и вкусовщина) Да, я импользую промисы только там, где они реально нужны - на бэке. И то через async / await. А на фронте оставляю колбэки, просто потому что мне так удобнее воспринимать код - привычки из 2007го =D

Почему не добавляется новое свойство экземпляра vue?

0xD34F, да ты сам не понимаешь что несёшь, судо моё - конструктор - это функция. Как ты к функции добавишь свойство? Ты вообще хоть знаешь как install работает??? Установленный плагин должен появиться именно в том скрине, что я скинул - там где $i18n, $moment, $router - ЭТО ВСЁ ТАКИЕ ЖЕ ПЛАГИНЫ!
Иди в школу, js учи - затрахал уже всю голову. И какой дибил тебя куратором тэга сделал

Почему не добавляется новое свойство экземпляра vue?

Михаил Ну вообщем как сайд-эффект, инстанс не падает в экземпляры VueComponent - это было ожидаемо.
Но там он мне и не нужен - в экшенах модулей сторов всё заработало =D

Почему не добавляется новое свойство экземпляра vue?

Михаил, я очень надеюсь, что не отхвачу никаких сайд-эффектов с этого костыля) Ну страшно такое творить конечно

Почему не добавляется новое свойство экземпляра vue?

0xD34F, объявленное свойство, естественно, ты заголовок вопроса прочитай - добавление свойства не работает, ты меня троллишь что ли???

Найди тут объявленный $ajax в свойствах / прототипе
Я уже чтоб объяснить тебе проблему 3й раз код откатываю с рабочего костыля