Почему реакт жалуется на использование useCallback в теле функции провайдера контекста?

Да, извини, решение отдал тому кто первый

Почему реакт жалуется на использование useCallback в теле функции провайдера контекста?

потому что я лалка невнимательная
Заработало
Реакт сраный колбэкхэл чтоб его

Существует ли клиентский роутер с парсингом и хранением параметров строки под мои хотелки?

Aetae, кек. Вы просто не поняли принцип иммутабельности реакта) Конечно же там совсем другой роутер. По сути он провайдер, использующий единый стейт и локальный. А с функционалкой довольно просто накосячить. Когда каждое обновление вызывает реакцию с перечиткой инструкций функций компонентов - происходящее в реально сложном проекте превращается в хаос.
Даже когда знаешь как на нём писать и как он работает, не сильно проще становится. Если lcp и производительность - не краеугольный камень - можно принебречь и использовать вью. Он неплох, но не во всём. Новый тоже рулит в сторону ФП, реализовали функциональные компоненты, хуки во vue 3.
Я резисчу это нездоровое движение. Мне было очень хорошо с ООП, если все остальные решили расстаться, я не решил. Я в работе 8 лет, в целом могу добиться высокой производительности своей реализацией.
Она пока не готова и далеко не идеальна, но я стараюсь точить этот алмаз регулярно

Существует ли клиентский роутер с парсингом и хранением параметров строки под мои хотелки?

Aetae, вы правы, я повзаимствовал основную концепцию у vue router. Он самый простой и логичный.

Почему некорректно работают события в слайдере swiper?

Danya Wyse, это самая глубокая нода, на которую приходится событие. Учи матчасть

Как загнуть уголок анимированного стикера с помощью JS и CSS?

SamKnight, можно обернуть img в div, а диву дать before, спозиционировать абсолютно, залить бэкграундом и назначить filter blur

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

ambisinister One, зачем это руками писать, если всю свг разметку линейки с точками можно экспортировать с макета

Почему при передаче Ref в дочерние компонентах Ref.current равен null/undef?

и если обратиться к props.route или context, то current еще не потерян

Смотря когда обращаетесь. Если он есть в useEffect после маунта, а потом исчезает, значит он перезаписывается по новой. Проследите за вызовами onReady. Проследите что возвращает

routeNameRef.current = navigationRef.getCurrentRoute().name;

в разные отрезки времени.
Одного родителя тут недостаточно. Надо видеть полноценно и код контекста, и NavigationContainer
Кто знает что вы там написали
value={getCurrentRouteName}
тоже непонятно откуда берётся

Почему 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?

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