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

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

С редаксом выхода нет.

Не вижу проблем, с тем же дропдауном

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

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

Как вы сделаете нажатие в тестах?

Как вы сделаете нажатие в тестах?

В чем проблема

В чем проблема

Это не ответ на вопрос.

С редаксом выхода нет.

Громкое заявление) ну мы повернем ключ)

Это не ответ на вопрос.

https://airbnb.io/enzyme/docs/api/ReactWrapper/simulate.html

Громкое заявление) ну мы повернем ключ)

Если найдёте, то добро пожаловать. 2 года чату, но пока никто не придумал способ.

Полагал вы в курсе

Если найдёте, то добро пожаловать. 2 года чату, но пока никто не придумал способ.

Окей, этот месяц изучаю, в следующем напишу НадRedux, который будет иметь сторы в сторах) чВ

Ребят, тут можно обсуждать только все, что связано с реакт или работу javascript тоже?

Полагал вы в курсе

Я в курсе, но я не считаю этот способ правильным. А вы знаете, что это может тестировать компонент неправильно?

Я в курсе, но я не считаю этот способ правильным. А вы знаете, что это может тестировать компонент неправильно?

Надеюсь вы мне расскажите почему

Надеюсь вы мне расскажите почему

К примеру, у вас внутри компонента есть div, который полностью накрывает ссылку. В итоге пользователь не может сщёлкнуть, а в тестах всё ок.

К примеру, у вас внутри компонента есть div, который полностью накрывает ссылку. В итоге пользователь не может сщёлкнуть, а в тестах всё ок.

Понял о чем вы, это да

Если найдёте, то добро пожаловать. 2 года чату, но пока никто не придумал способ.

Кхм-кхм… 👀

К примеру, у вас внутри компонента есть div, который полностью накрывает ссылку. В итоге пользователь не может сщёлкнуть, а в тестах всё ок.

Однако это все мне видится слабым доводом отказаться от локального стейта

Однако это все мне видится слабым доводом отказаться от локального стейта

Невозможность писать корректные тесты - это слабый довод?)

Невозможность писать корректные тесты - это слабый довод?)

У всех свои приоритеты

Ну, ок.

У всех свои приоритеты

Без проблем. Вы попросили обоснование. Вы его получили.

К примеру, у вас внутри компонента есть div, который полностью накрывает ссылку. В итоге пользователь не может сщёлкнуть, а в тестах всё ок.

а при чем тут локальный стейт?

а при чем тут локальный стейт?

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

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

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

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

логику изменения стейта можно протестироваит легко

логику изменения стейта можно протестироваит легко

Давайте примеры. Я не против, если это так легко.

Давайте примеры. Я не против, если это так легко.

ну собственно как и написали тут

ну собственно как и написали тут

Только при этом вам нужно знать и соблюдать, что каждому состоянию соответствует свой view и они никак пересекаться не могут.

Очень хлипкая гарантия.

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

В случае эффектора: имеем const $opened = createStore(false). Имеем const toggle = createEvent(). Имеем view компонент, который принимает пропсы opened и onClick Имеем ещё один view компонент, который соединяет наш стор и вышеназванную вьюху. В итоге имеем стор + эвент, которые тестируются отдельно и вьюху, которая тоже тестируется отдельно.

У меня вторая вьюха и сторы с эвентами имеют "небольшую обёртку", чтобы столько бойлерплейта писать не пришлось.

Ясно, спасибо

Подскажите, как хранить Date в стейте

Чтобы можно было изменять этот объект

Простой пример с кнопками лево и право, как в календаре

Чтобы можно было изменять этот объект

В стейте не надо ничего изменять, он должен быть иммутабельным.

В стейте не надо ничего изменять, он должен быть иммутабельным.

Как мне тогда подписаться на его изменения

Подскажите, как хранить Date в стейте

Date-fns

А если без него

Чтобы можно было изменять этот объект

ты хочешь увеличивать/уменьшать дату?

Да

Но чтобы эти изменения пропсами попадали в другой компонент

самое первое, что приходит в голову - хранить в таймстемпе

И туда нужно прокидывать именно Date тип

и заранее указать мол, для увеличения даты на 1 день увеличить на такое-то количество миллисекунд

И туда нужно прокидывать именно Date тип

Date-fns и toDate метод.

Ок, попробую

Если хочешь писать говно, то пиши его только в прослоцке.

Спасибо

Что ты имеешь в виду

Я хочу нормально написать)

Простой пример с кнопками лево и право, как в календаре

Больше информации о том каким должен быть state и какую форму и после чего он будет приобретать её.

Больше информации о том каким должен быть state и какую форму и после чего он будет приобретать её.

https://codesandbox.io/s/rough-brook-hqcwb

Больше информации о том каким должен быть state и какую форму и после чего он будет приобретать её.

я удалил правда оттуда Moment компонент, так что без него теперь

https://codesandbox.io/s/rough-brook-hqcwb

нужно при кликах по кнопкам лево-право отправлять Date в календарь

Извините, я с мобильного, код не могу видеть

То есть дата меняется? С 2-3-4 августа

Кстати, не так давно этот компонент переделывал для нужд конторы

То есть дата меняется? С 2-3-4 августа

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

в обратном порядке все работает отлично

когда я выбираю день, мне возвращается полный Date объект

Date-fns и toDate метод.

date-fns заменяет moment и dayjs?

А зачем вам moment?

Чтобы русский язык был?

date-fns заменяет moment и dayjs?

Да.

А зачем вам moment?

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

что-то дока по date-fns не грузится на офф сайте

Просто компонент очень легко без него локализируется

Как прикрутить алиасы путей для next+typescript? Добавил совершенно одинаковый алиас в tsconfig файл, и в вебпак резолвер, и в бабел module-resolver. Не заводится. Ide тоже не подтягивает. При том, если юзаю алиасы в JS файлах - норм, если в TS - ошибка при компиляции

"baseUrl":".", "paths": { "components/*": ["./components/*"] } Вот так в tsconfig файле

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

Кто то юзал? https://react-bootstrap.github.io/

Кто то юзал? https://react-bootstrap.github.io/

Ну я

Лучше или хуже, чем: https://reactstrap.github.io/

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

Не знаю насколько будет полезен этот пример, но думаю вы дальше разберетесь https://codesandbox.io/s/react-day-picker-examplesselected-6v9de

Храню просто в unix timestamp

так проще и позже можешь в дату сконвертировать

Не знаю насколько будет полезен этот пример, но думаю вы дальше разберетесь https://codesandbox.io/s/react-day-picker-examplesselected-6v9de

Date.now()

да, я не подумал про это