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

Так сделано потому что так удобнее...

https://styled-components.com/docs/api#typescript
или я хз что это за тип StyledComponent, пройди по дефиниции и посмотри что там в себя он принимает

Мда

Народ, тут можно задать вопросы по gatsby?

Ребят, кто-то юзал antd? Есть какие-то косяки с ним? Хочу на проекте его попробовать.

А можно относится к компонентам как к функциям
по сути каждый раз меняя пропсы или стэйт компоненнта , мы каждый раз запускам этот компонент / функцию уже с другимии данными изменёнными пропрсами или стейтом

const Comp = () = > {

const [count, setCount] = useState(0);
render (
  <button onClick={()=>setCount(prev=>prev+1) }> click </button>)
)
}

и по сути каждый раз нажимая на кнопку мы будем чтот такое иметь?

Comp(); // 1st click  =  rerender with count =1
Comp(); // 2d click  = rerender with count = 2
Comp();  // 3d click  = rerender with count = 3

Доброго дня. Наткнулся на очень странный кейс и не понимаю как это решить. Тестирую React с jest и react testing library. Есть компонент «A» в котором используется компонент «B». При тестировании компонента «A», подменяю компонент «B» (через jest.mock), а он не подменяется. Путём исследования выяснил что компонент «B» нормально мокается только если в проекте убрать импорт компонента «А». Может кто сталкивался.

И то, где какая ответственность должна быть

Народ, подскажите по redux.
Создается токен после jwt авторизации, но не знаю каким образом его можно занести в redux store. Не могу понять как реализовать action и reducer. Может знает кто?

Используй тулкит

а причем тулкит к вопросу можно узнать?

Так как сделать то?

На каком этапе происходит авторизация: до инициализации стейта или после?

После

в redux-think, логика завязана на данном условии:

 if (typeof action === 'function') { ... 

но как мне написать подобный middleware в redux-toolkit? там action всегда приходит объект.
З.Ы. не пишу свой thunk

Привет. Подскажи пожалуйста. Я решил верстануть лендинг на гетсби. Данные пока что статичные везде, но на всякий случай для удобства, рядом с компонентом секции кладу файлик data.js который экспортирует обьект с данными который юзаю в компоненте
В одной из секций у меня есть список новостей
items: [
{
 title:"xxx",
 img: ссылка или картинка
}
]

У гетсби есть 3 варианта юзания картинок
1- обычный импорт картинки в файл с вставкой значения в src тегу img
2 - StaticImage от гетсби плагина, который ожидает строку-путь до картинки
3 -GatsbyImage от плагина который ожидает некий обьект данных в пропсе image


В компоненте секции я прохожусь циклом по data.items
и хочу вывести обычный блок новости с заголовком и картинкой, но картинку хочу вывести оптимизированной.
Как мне это сделать?
Вариант 1ый рабочий, но не предоставляет никакого профита в плане оптимизации.
Вариант 2 не работает, так как в цикле мы в качестве src будем использовать вычисляемое значение, а статическое изображение будет работать только если там строка.
Вариант 3 - если им можно, подскажите как это сделать, с графкюл раньше не работал и не понимаю зачем мне он тут для такого элементарного кейса и итерации по локальному массиву объектов с данными нужен.
Спасибо.
Ну или кто шарит, тоже подскажите пожалуйста 😃

 if (typeof action === 'function') { ... 

А если без санок?

что?

 if (typeof action === 'function') { ... 

В reudx-toolkit есть же свой thunk