smart skeletons

[tom2drum]

что по факту меняется

• во все GET запросы передаем стаб для placeholderData, стабы генерим на основании прод данных и максимально переиспользуем
• в низлежащие компоненты прокидываем проп isLoading=isPlaceholderData; для каждого компонента определяем его состояние isLoading; где-то достаточно просто обернуть весь контент в <Skeleton/>, где-то надо подкостылить border-radius или display: inline-block, а где-то легче просто отдельно нарисовать скелетон
• контент страницы теперь всегда оборачиваем dynamic import, чтобы все дерево не рендерилось на сервере
• !!! для элементов списков важно делать такой ключ - key={ item.id + (isLoading ? index : '') } - иначе после загрузки список не перерисуется

🚨before merge:

• unpin API host from code
• rollback isNeedProxy function