Телеграмм чат группы react_js страница 47760

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

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

11834 membersпожаловаться на группу

2020 November 22

🅅🄺

🅅aleriy 🄺obzar in React — русскоговорящее сообщество

Dmitriy Shuleshov

Кстати это достаточно распространенная ошибка, интересно почему🤔

потому что многие просто не понимают что именно нужно тестировать в реакт приложении,
а другие не знают как
третьи вроде знают как, но не знают как правильно

источник

16:00пожаловаться #1

🅅🄺

🅅aleriy 🄺obzar in React — русскоговорящее сообщество

вот единственно верный путь тестирования реакта на сегодня https://testing-library.com/docs/dom-testing-library/intro/

Testing-Library

Introduction | Testing Library

источник

16:01пожаловаться #2

EY

Eagle Owl Yoll in React — русскоговорящее сообщество

Kaz

Всем привет! Подскажите, как можно запустить useEffect после определенного действия? В моем случае нужно сделать кнопку повторной отправки смс после окончания 60 секунд таймера. А таймер должен запускаться после нажатия на кнопку "отправить СМС"

Да юз эффект вроде и не нужен. Делаешь отдельный метод на изменение оставшегося времени, оборачиваешь в таймер и вяжешь на onClick. В юз эффекте нужно просто на анмаунте проверить, тикает ли таймер и отрубать его, чтобы утечку памяти не словить.

источник

16:01пожаловаться #3

🅅🄺

🅅aleriy 🄺obzar in React — русскоговорящее сообщество

все остальное это от лукавого

источник

16:01пожаловаться #4

S

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

🅅aleriy 🄺obzar

вот единственно верный путь тестирования реакта на сегодня https://testing-library.com/docs/dom-testing-library/intro/

Testing-Library

Introduction | Testing Library

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

источник

16:02пожаловаться #5

V

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

Kaz

Мне нужен перерендер, так как таймер меняется в кнопке

посмотри как тут сделано https://github.com/thibaultboursier/use-timer

thibaultboursier/use-timer

A timer hook for React. Contribute to thibaultboursier/use-timer development by creating an account on GitHub.

источник

16:02пожаловаться #6

🅅🄺

🅅aleriy 🄺obzar in React — русскоговорящее сообщество

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

ну потому что многие пытаются тестировать через enzyme, cypress и т.д.
но это все не верно изначально

источник

16:02пожаловаться #7

DS

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

🅅aleriy 🄺obzar

ну потому что многие пытаются тестировать через enzyme, cypress и т.д.
но это все не верно изначально

сайпрес о другом совсем же ведь

источник

16:03пожаловаться #8

S

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

🅅aleriy 🄺obzar

ну потому что многие пытаются тестировать через enzyme, cypress и т.д.
но это все не верно изначально

enzyme свою задачу решает, rtl это именно альтернативный подход

источник

16:03пожаловаться #9

DS

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

enzyme свою задачу решает, rtl это именно альтернативный подход

нормальную работу с хуками завезли?

источник

16:04пожаловаться #10

S

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

Dmitriy Shuleshov

нормальную работу с хуками завезли?

про это не в курсе, давно им не пользовался

источник

16:04пожаловаться #11

S

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

я к тому что это все таки разные вещи

источник

16:05пожаловаться #12

🅅🄺

🅅aleriy 🄺obzar in React — русскоговорящее сообщество

ну мы же про тестирование реакт компонентов сейчас говорим больше?

источник

16:06пожаловаться #13

🅅🄺

🅅aleriy 🄺obzar in React — русскоговорящее сообщество

а не про общее интеграционное тестирование интерфейса в разных браузерах

источник

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

K

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

Да юз эффект вроде и не нужен. Делаешь отдельный метод на изменение оставшегося времени, оборачиваешь в таймер и вяжешь на onClick. В юз эффекте нужно просто на анмаунте проверить, тикает ли таймер и отрубать его, чтобы утечку памяти не словить.

Я так понимаю, тут классическое замыкание, каунтер в минус уходит, так как видит, что repeatCounter всегда равен 4

источник

16:13пожаловаться #15

А

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

Kaz

Всем привет! Подскажите, как можно запустить useEffect после определенного действия? В моем случае нужно сделать кнопку повторной отправки смс после окончания 60 секунд таймера. А таймер должен запускаться после нажатия на кнопку "отправить СМС"

const Component = () => {
    const [isDisabled, setIsDisabled] = useState(false);
    return (
        <button disabled={isDisabled} onClick={() => {
            setIsDisabled(true);
            setTimeout(() => setIsDisabled(false), 60000); 
        }}>
    );
}

источник

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

K

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

Александр

const Component = () => {
    const [isDisabled, setIsDisabled] = useState(false);
    return (
        <button disabled={isDisabled} onClick={() => {
            setIsDisabled(true);
            setTimeout(() => setIsDisabled(false), 60000); 
        }}>
    );
}

Не, задача в другом. Мне не нужен новый компонент по прошествии 60 сек, мне нужно управлять таймером

источник

16:27пожаловаться #17

EY

Eagle Owl Yoll in React — русскоговорящее сообщество

Kaz

Я так понимаю, тут классическое замыкание, каунтер в минус уходит, так как видит, что repeatCounter всегда равен 4

Лучше опираться на время, и считать разницу между текущей датой и датой старта таймера, имхо. Так надёжнее в ряде случаев. Ну и интервал можно по чаще, чтобы секунды в глазах у юзера не прыгали.

источник

16:27пожаловаться #18

А

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

Kaz

Не, задача в другом. Мне не нужен новый компонент по прошествии 60 сек, мне нужно управлять таймером

Зачем?

источник

16:28пожаловаться #19

EY

Eagle Owl Yoll in React — русскоговорящее сообщество

Лучше опираться на время, и считать разницу между текущей датой и датой старта таймера, имхо. Так надёжнее в ряде случаев. Ну и интервал можно по чаще, чтобы секунды в глазах у юзера не прыгали.

Ну. Да. Память не подвела.
https://stackoverflow.com/questions/29971898/how-to-create-an-accurate-timer-in-javascript

How to create an accurate timer in javascript?

I need to create a simple but accurate timer.

This is my code:

var seconds = 0;
setInterval(function() {
timer.innerHTML = seconds++;
}, 1000);
After exactly 3600 seconds, it prints about 3500 s...

источник

16:30пожаловаться #20