Size: a a a

React — русскоговорящее сообщество

2021 March 12

DP

Dmitry Plyaskin in React — русскоговорящее сообщество
Vladimir Klimov
Но зачем?
что бы отказаться от стайледов в пользу линарии, что бы уйти от рантайм цсс, но проект большой и сразу все переписать не получится
источник

d

dron in React — русскоговорящее сообщество
в случае с css модулями мне нравится, что я описал возможные варианты стилизации и потом в зависимости от пропсов подрубаю необходимый класс.

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

VK

Vladimir Klimov in React — русскоговорящее сообщество
Dmitry Plyaskin
что бы отказаться от стайледов в пользу линарии, что бы уйти от рантайм цсс, но проект большой и сразу все переписать не получится
Подумайте принесет ли это какой-то реальный профит для вашего проекта
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Vlad
а как ты делаешь на стайледах такое?
берешь с темки значения и все, в пропсках еще всякие primery secondary прилетают и все
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
dron
в случае с css модулями мне нравится, что я описал возможные варианты стилизации и потом в зависимости от пропсов подрубаю необходимый класс.

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

VK

Vladimir Klimov in React — русскоговорящее сообщество
А если еще custom-properties заюзать - ммм, пЭсня
источник

DP

Dmitry Plyaskin in React — русскоговорящее сообщество
Vladimir Klimov
Подумайте принесет ли это какой-то реальный профит для вашего проекта
ну как минимум много кода из js попадет в css, что повысит скорость обработки js при старте проекта
источник

V

Vlad in React — русскоговорящее сообщество
Maxim Koylo
берешь с темки значения и все, в пропсках еще всякие primery secondary прилетают и все
ну а если у тебя при disabled в primary теме должен измениться цвет, например?
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Dmitry Plyaskin
ну как минимум много кода из js попадет в css, что повысит скорость обработки js при старте проекта
И на сколько это реально будет ощутимо для пользователя, ускорит загрузку, или что-то в этом духе?
Если проект большой - надо очень хорошо подумать, конечно)
А еще надо сразу посмотреть какие извращенные варианты использования возможностей sc у вас есть в проекте и как вы будете решать их на другой либе, желательно заранее это знать))
источник

PK

Pasha Kozyr in React — русскоговорящее сообщество
не пойму зачем делать так?
useEffect( () => {/*code*/} );

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

X

Xxx in React — русскоговорящее сообщество
Pasha Kozyr
не пойму зачем делать так?
useEffect( () => {/*code*/} );

все равно функция коллбек будет вызываться при каждом рендерере. не раз видел такое
Там точно не было [] в deps?

Может вот так все таки было?
useEffect( () => {/*code*/}, []);
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Pasha Kozyr
не пойму зачем делать так?
useEffect( () => {/*code*/} );

все равно функция коллбек будет вызываться при каждом рендерере. не раз видел такое
А как надо делать?
источник

DP

Dmitry Plyaskin in React — русскоговорящее сообщество
Vladimir Klimov
И на сколько это реально будет ощутимо для пользователя, ускорит загрузку, или что-то в этом духе?
Если проект большой - надо очень хорошо подумать, конечно)
А еще надо сразу посмотреть какие извращенные варианты использования возможностей sc у вас есть в проекте и как вы будете решать их на другой либе, желательно заранее это знать))
это все понятно), мне просто было интересно, вдруг у кого был опыт постепенной миграции
источник

Д

Даня in React — русскоговорящее сообщество
Pasha Kozyr
не пойму зачем делать так?
useEffect( () => {/*code*/} );

все равно функция коллбек будет вызываться при каждом рендерере. не раз видел такое
ну а если нужен сайд эффект после каждого рендера
источник

V

VS JS in React — русскоговорящее сообщество
если в VS Code выдает ошибку при переключении с девелопа на удаленную ветку , но при этом в гите она есть. как лучше её скачать? git fetch feature/SC-167 ? или git pull feature/SC-167 ? или по другому?
источник

PK

Pasha Kozyr in React — русскоговорящее сообщество
Xxx
Там точно не было [] в deps?

Может вот так все таки было?
useEffect( () => {/*code*/}, []);
да. точно без параметра. даже [] нету
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Vlad
ну а если у тебя при disabled в primary теме должен измениться цвет, например?
можно еще функциональными фелперами обмазать что бы красивенько было, но когда у тебя материал на проекте то не паришся так то)
источник

el

eden lane in React — русскоговорящее сообщество
Пытаюсь протестировать с react-testing-library компонент, который использует хук use-countdown-timer. В тесте делаю

act(() => {
 jest.advanceTimersByTime(31000);
});


но таймер в хуке не останавливается, а продолжает работать. Сам компонент на бою работает нормально, таймер останавливается когда надо. Почему-то не работает именно в тестах.
Есть у кого-нибудь идеи почему? Создал issue в библиотеке, но мне кажется, проблема не в ней, а я что-то не так делаю
источник

V

Vlad in React — русскоговорящее сообщество
Maxim Koylo
можно еще функциональными фелперами обмазать что бы красивенько было, но когда у тебя материал на проекте то не паришся так то)
выглядит круто, но рантайм бандл меня сильно смущает
источник

PK

Pasha Kozyr in React — русскоговорящее сообщество
Даня
ну а если нужен сайд эффект после каждого рендера
а . понял это тот коллбек же после рендера вызовется? тогда да есть разница
источник