В каком смысле?

Кстати. Не подскажете ещё как LocalStorage(LS) тут заюзать. Мозг кипятится.

Задача
    проверить в localStorage переменная inProgress. Если true, то показать вопрос.


Насколько я понимаю, мне нужно делать вот так
   
   let inProgress = localStorage.getItem('question') ? JSON.parse(localStorage.getItem('question')) : []
   
   localStorage.setItem('question', JSON.stringify(inProgress))

   const data = JSON.parse(localStorage.getItem('question'))

У оберток редакса предусматривается оптимизация
shallowEqual тот же

https://amorgunov.com/posts/2020-04-12-use-redux-with-react-hooks/

а у хуков сам это все должен писать

советую посмотреть в сторону нового мобыкса
он работает как сказка, без лишних абстракций

А ещё лучше эффектор)

человек спрашивал как ему length массива прямо из стейта вытянуть, а вы ему про мобыкс и эффектор)

Проще всего сделать проверку на первую загрузку, тогда должно работать корректно

привет всем, пишу e2e тесты на cypress/vscode/js (новичок) , app на react + firebase, все запросы async. хочу проверить, что user is logged in, и ждать пока элемент явиться на странице, не получается. Пробовала app ready, cy.server().. cy.wait(), cy.visit(page, timeout) , все ровно тест фейлиться (( как решили эту проблему?

разве тесты подразумивают какие-то действия?
тест = мокнутые данные которые передаються в конкретный функционал, для того что бы провалидировать результат работы функционала
такие действия как «залогинится» как по мне неуместны, если у тебя есть некий токен для авторизации, подсунь его в тесте и проверь результат выполнения функции

спасибо за ответ, а ui тест не потеряет ли смысл?

это ж e2e, там все шо угодно может быть) типичный кейс открыть такой то адресс -> ввести логин -> ввести пароль -> нажать кнопку логина -> проверить соотвествует ли урл тому на который нужно было перейти после логина

Понял, почитаю)

++, грустно читать что авторизация в e2e неуместна(

Тогда сорян, я такое не шарю
Подумал на юниттесты

конкретно по вопросу - сталкивался с таким, это проблема firebase насколько я тогда смог уловить (долго не разбирался). что то типа что fb шлет несколько запросов, причем целевой он шлет вторым, а cypress триггерится на первый. в итоге по факту ничего еще не прогрузилось и результата нет, но проверка уже выполняет и в итоге фейл. я тогда кажется тест кейс по другому описал чтобы не ждать появления элементов. но мне тогда в лом было заморачиваться чтоб разобраться

спасибо, по документации иду, все ясно, но в реале не работает.

гля может у тебя вебпак пятый
я намучлся с ним
проще отктиться до последней 4.11

Мои компоненты разбиты по папкам:
/components
--/search
----/index.js
----/search.jsx
----/search.scss
--/button
----/index.js
----/button.jsx
----/button.scss
--/input
----/index.js
----/input.jsx
----/input.scss
Каждый компонент содержит свои стили.

Так же у меня есть папка scss, которая содержит общие утилиты:

/components
...
/scss
--/utils
----/_functions.scss
----/_variables.scss

В главной папке scss, я создал файл, который содержит стили, которые я хочу использовать в других местах, через @extend;

%style {
 color: red;
}

Я импортирую этот файл, в каждый из компонентов

// ../search.scss
.search {
 @extend %style;
}

// ../button.scss
.search {
 @extend %style;
}

// ../input.scss
.input {
 @extend %style;
}

В результате, я ожидаю что директива @extend при компиляции объединит эти классы и задаст им единый стиль:

.search,
.button,
.input {
 color: red;
}

Но этого не происходит, и все стили компилируются отдельно:

.search {
 color: red;
}

button {
 color: red;
}

.input {
 color: red;
}

Почему так происходит?

Полагаю, что extend, это все равно что include в c/c++. Оно не компилирует его в единый объект, а вставляет то, что ты импортируешь.