Когда рука набита на чем-то, то со временем проблемы и неудобства перестают бросаться в глаза. Если тестировать санки днями напролет, то всё становится максимально очевидным и интуитивно понятным. Но если не заниматься этим делом некоторое время, переключившись, например, к сагам и их тестам, то возвращение на санки не покажется приятным. Тестирование thunk - занятие несмертельное. Но зачем, когда есть более удобные инструменты?

да, все так, так но я реально не вижу никаких проблем тестировать "санки" создаешь стор с thunk.withExtraArgument(api) и все становиться очень просто: https://github.com/reduxjs/redux-thunk#injecting-a-custom-argument it('should be easy to test thunks', async () => { api.someApiMethod.mockReturnValue(Promise.resolve(someApiResponse); await store.dispatch(someThunkYouWannaTest(someArgs)); expect(store.getActions()).toMatchSnapshot(); });

Кто-нибудь может подсказать какая разница между: yield* anohterGenerator(action.payload); и yield call(anohterGenerator, action.payload) или куда копать? С call легче тестировать, так как anotherGenerator уже протестирован, и в него “заходить” в этом тесте не планируется. Но при этом рабочий код сдох =/

Нужен совет. Отчасти не в тему, поскольку скорее связано с оформлением. Вводная - сайт на React + reactstrap. Есть массив Card у которых CardBody должно быть по умолчанию скрыто, по нажатию на текст в CardHeader должно раскрываться. Реализовал это на UncontrolledCollapse. Задача: расположить эти элементы Card в две колонки на широких экранах и в одну колонку на мобильных устройствах. Пробовал css grid, но там возникает проблема, что CardBody соседней карточки тоже раскрывается, только пустой

в каком направлении копать?

в каком направлении копать?

в media query ?

или flexbox

но это тебе в чатик css

ок, спасибо! покурю и flexbox и media query

Кто-нибудь может подсказать какая разница между: yield* anohterGenerator(action.payload); и yield call(anohterGenerator, action.payload) или куда копать? С call легче тестировать, так как anotherGenerator уже протестирован, и в него “заходить” в этом тесте не планируется. Но при этом рабочий код сдох =/

надо видеть код anohterGenerator

Привет ! Подскажите нубу) Нужна помощь! мне нужно сделать типа карусели на реакте, вопрос! По нажатию на один из li должен всплывать див в котором лежат несколько фоток! Как реализовать карусель с простым текстом я знаю, его просто добавить в обьект. А вот как вывести див? Я думал нужно сделать компонент под див, но четко не знаю как его привязать к li

Всем привет! Вопрос: у меня в реакте в экшенах (которые отвечают за запросы к серверу) везде встречается код .catch(function (error) { let errors = error.response.data; let processedErrors = Object.keys(errors).reduce(function (previous, key) { let err = {}; err[key == 'non_field_errors'?FORM_ERROR:key] = errors[key][0]; return err }, {}); return Promise.reject(processedErrors); }); Это, по логике, надо выносить в хелперы какие-то что ли. Как с точки зрения архитектуры в реакте это правильно сделать? Просто создать файл, в который функцию положить? Или есть более красивый и правильный способ?

Нужен совет. Отчасти не в тему, поскольку скорее связано с оформлением. Вводная - сайт на React + reactstrap. Есть массив Card у которых CardBody должно быть по умолчанию скрыто, по нажатию на текст в CardHeader должно раскрываться. Реализовал это на UncontrolledCollapse. Задача: расположить эти элементы Card в две колонки на широких экранах и в одну колонку на мобильных устройствах. Пробовал css grid, но там возникает проблема, что CardBody соседней карточки тоже раскрывается, только пустой

Если юзаешь реактстрап, то что мешает юзать обычную бутстраповскую сетку?

Кто-нибудь может подсказать какая разница между: yield* anohterGenerator(action.payload); и yield call(anohterGenerator, action.payload) или куда копать? С call легче тестировать, так как anotherGenerator уже протестирован, и в него “заходить” в этом тесте не планируется. Но при этом рабочий код сдох =/

а так разница простая - call возвращает дескриптор сага эффекта, который интерпретатор саги выполняет когда делаешь yield call

Если юзаешь реактстрап, то что мешает юзать обычную бутстраповскую сетку?

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

надо видеть код anohterGenerator

А на что обратить внимание в коде? До этого у меня вызовы такие были равнозначны (в моем понимании) и при замене приложение не ломалось. Тут иначе вышло. Думаю - что может быть причиной.

А на что обратить внимание в коде? До этого у меня вызовы такие были равнозначны (в моем понимании) и при замене приложение не ломалось. Тут иначе вышло. Думаю - что может быть причиной.

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

А на что обратить внимание в коде? До этого у меня вызовы такие были равнозначны (в моем понимании) и при замене приложение не ломалось. Тут иначе вышло. Думаю - что может быть причиной.

а в чем поломка приложения заключается вообще? ошибка какая-то вылетает в консоли?

а в чем поломка приложения заключается вообще? ошибка какая-то вылетает в консоли?

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

надо видеть код anohterGenerator

там запускаются другие генераторы, примерно так: yield* a(); yield* b(); yield* c();

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

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

react-virtualized

надо видеть код anohterGenerator

пока что ищу что-нибудь необычного внутри них

react-virtualized

спасибо, гляну

Коллеги привет, использую react-router-dom, и хочу получить список истории переходов. Возможно ли получить этот список? Список мне нужен для анализа, и очистки некоторых данных в сторе в зависимости от предыдущего элемента в истории

Коллеги привет, использую react-router-dom, и хочу получить список истории переходов. Возможно ли получить этот список? Список мне нужен для анализа, и очистки некоторых данных в сторе в зависимости от предыдущего элемента в истории

onUpdate там вроде есть

пока что ищу что-нибудь необычного внутри них

ну вот эти вызовы вложенные yield* и есть необычное скорее всего

yield* все эти вложенности выполняет, а за call не уверен

yield* все эти вложенности выполняет, а за call не уверен

+1. я думаю так же) в таком случае spawn годная альтернатива? или есть подводные камни?

используй везде еффекты саги

то есть call, fork

то есть call, fork

ok, спасибо!

Наррод, нужно убирать redux dev tools в проде?

да, оно жрет оперативку так как хранит историю

Наррод, нужно убирать redux dev tools в проде?

Очевидно да как минимум потому что дев тулзы на проде это странно

Коллеги привет, использую react-router-dom, и хочу получить список истории переходов. Возможно ли получить этот список? Список мне нужен для анализа, и очистки некоторых данных в сторе в зависимости от предыдущего элемента в истории

Там же хистори в пропсах хранится

Товарищи, привет!) Подскажите такую вещь - в реакте не так давно нормально ли испльзовать querySelecotr ? Мне нужно при открытии мобильного меню убирать скрол с обертки и кроме того, как квериСелектор юзать не вижу пути

да, оно жрет оперативку так как хранит историю

но это только если у тебя плагин стоит

Товарищи, привет!) Подскажите такую вещь - в реакте не так давно нормально ли испльзовать querySelecotr ? Мне нужно при открытии мобильного меню убирать скрол с обертки и кроме того, как квериСелектор юзать не вижу пути

refs?

Товарищи, привет!) Подскажите такую вещь - в реакте не так давно нормально ли испльзовать querySelecotr ? Мне нужно при открытии мобильного меню убирать скрол с обертки и кроме того, как квериСелектор юзать не вижу пути

Нет

но это только если у тебя плагин стоит

нет

что нет?

что нет?

не только когда плагин

refs?

окей понял

Товарищи, привет!) Подскажите такую вещь - в реакте не так давно нормально ли испльзовать querySelecotr ? Мне нужно при открытии мобильного меню убирать скрол с обертки и кроме того, как квериСелектор юзать не вижу пути

каким образом скролл блокируешь?

а, ну да ошибся

там типа надо добавить shouldRecord: false в настройки

тогда можно не вырезать)

ERROR: S client not available

каким образом скролл блокируешь?

Вначале юзал компоненту( но она не сраабатывает на мобильных девайсах) теперь вешаю на root (который их html) Но теперь подумал, как можно получить refs оттуда

ребят, может кто заделиться ссылками на годные видеокурсы по react/redux, хоть и на английском языке? ы

дали книгу почитать Алекс Бэнкса, 2018 года издания, там там опять тот же createClass и вебпак первый..

egghead.io

ребят, может кто заделиться ссылками на годные видеокурсы по react/redux, хоть и на английском языке? ы

лови, специально обновил и убрал createClass - https://habr.com/post/418581/ p.s. по redux выйдет сегодня на вебинаре p.p.s только тут не видео, а текст, сорян

https://github.com/markerikson/react-redux-links/blob/master/react-architecture.md Здесь большая подборка

Есть какая-нибудь библиотека, для проверки юзер с мобилы или нет ??

Всем спасибо! а то от курсов типо Гоши Дударя и CodeDojo нерабочих аж жопа горит

https://github.com/markerikson/react-redux-links/blob/master/react-architecture.md Здесь большая подборка

лучше сразу + личную рекомендацию давать, а то весь список смотреть - времени не хватит)

Есть какая-нибудь библиотека, для проверки юзер с мобилы или нет ??

Эм, а зачем она? Там же всё тривиально. Смотрите на navigator.userAgent

Эм, а зачем она? Там же всё тривиально. Смотрите на navigator.userAgent

?например? не хочу писать свое, если есть готовое и рабочее

Есть какая-нибудь библиотека, для проверки юзер с мобилы или нет ??

ua-parser-js

ReactDOM.findDOMNode(this) а вот такая вещь для поиска дом элемента нормлаьная?

Всем спасибо! а то от курсов типо Гоши Дударя и CodeDojo нерабочих аж жопа горит

CodeDojo чем тебе не угодил?)

дударь то ясно...

ReactDOM.findDOMNode(this) а вот такая вещь для поиска дом элемента нормлаьная?

нет

т.e. по ref получить элемент не выйдет вроде как

ua-parser-js

?чот слишком жестко, и оно в браузере работает?

CodeDojo чем тебе не угодил?)

В целом по JS у него сильный курс, внятно объясняет, но по реакту видосы от 2016 года, со старым нерабочим синтаксисом... В целом можно все самому править но это ...

https://github.com/hgoebl/mobile-detect.js ?

В целом по JS у него сильный курс, внятно объясняет, но по реакту видосы от 2016 года, со старым нерабочим синтаксисом... В целом можно все самому править но это ...

лол, по реакту у него норм

то, что он в начале пишет на старом синтаксисе, это для общего развития

Может помимо Дожо еще что посоветуешь?

Может помимо Дожо еще что посоветуешь?

именно видео что ли нужно?