Телеграмм чат группы react

2021 March 12

DP

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

Но зачем?

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

источник

14:30пожаловаться #1

d

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

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

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

источник

14:31пожаловаться #2

VK

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

Dmitry Plyaskin

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

Подумайте принесет ли это какой-то реальный профит для вашего проекта

источник

14:31пожаловаться #3

MK

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

Vlad

а как ты делаешь на стайледах такое?

берешь с темки значения и все, в пропсках еще всякие primery secondary прилетают и все

источник

14:31пожаловаться #4

VK

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

dron

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

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

В styled то же самое делается сильно удобнее))

источник

14:31пожаловаться #5

VK

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

А если еще custom-properties заюзать - ммм, пЭсня

источник

14:31пожаловаться #6

DP

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

Vladimir Klimov

Подумайте принесет ли это какой-то реальный профит для вашего проекта

ну как минимум много кода из js попадет в css, что повысит скорость обработки js при старте проекта

источник

14:32пожаловаться #7

V

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

Maxim Koylo

берешь с темки значения и все, в пропсках еще всякие primery secondary прилетают и все

ну а если у тебя при disabled в primary теме должен измениться цвет, например?

источник

14:32пожаловаться #8

VK

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

Dmitry Plyaskin

ну как минимум много кода из js попадет в css, что повысит скорость обработки js при старте проекта

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

источник

14:34пожаловаться #9

PK

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

не пойму зачем делать так?

useEffect( () => {/*code*/} );

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

источник

14:34пожаловаться #10

X

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

Pasha Kozyr

не пойму зачем делать так?

useEffect( () => {/*code*/} );

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

Там точно не было [] в deps?

Может вот так все таки было?

useEffect( () => {/*code*/}, []);

источник

14:35пожаловаться #11

VK

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

Pasha Kozyr

не пойму зачем делать так?

useEffect( () => {/*code*/} );

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

А как надо делать?

источник

14:35пожаловаться #12

DP

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

Vladimir Klimov

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

это все понятно), мне просто было интересно, вдруг у кого был опыт постепенной миграции

источник

14:35пожаловаться #13

Д

Даня in React — русскоговорящее сообщество

Pasha Kozyr

не пойму зачем делать так?

useEffect( () => {/*code*/} );

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

ну а если нужен сайд эффект после каждого рендера

источник

14:36пожаловаться #14

V

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

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

источник

14:36пожаловаться #15

PK

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

Xxx

Там точно не было [] в deps?

Может вот так все таки было?

useEffect( () => {/*code*/}, []);

да. точно без параметра. даже [] нету

источник

14:36пожаловаться #16

MK

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

Vlad

ну а если у тебя при disabled в primary теме должен измениться цвет, например?

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

источник

14:38пожаловаться #17

el

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

Пытаюсь протестировать с react-testing-library компонент, который использует хук use-countdown-timer. В тесте делаю

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

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

GitHub

LobsterBandit/use-countdown-timer

React hook exposing a countdown timer with optional expiration reset callbacks - LobsterBandit/use-countdown-timer