Виталий
Он же написал, поле помечено как обзервебл
это я писал. А во вторых под словом обзёрвабл есть разные понятия. А в третьих повторяю - если ты не разбираешься в чём-то то не давай советы в этой теме.
Andrew
Тогда не надо советы раздовать если не «шаришь»
в [[Target]] если посмотреть будет массив юзеров, а в общем да, с дебагом проблемы. mobx-state-tree работает с Redux dev tool и там проблем с дебагом вообще нет. Сам сталкивался с проблемой дебага
Виталий
MobX dev tools
Она ж для связки с реактом чисто вроде… А я просто дебажу чистый моб икс без реакта
Andrew
Она ж для связки с реактом чисто вроде… А я просто дебажу чистый моб икс без реакта
тогда надо логгер свой такой вот штуки и через него выводить
Anonymous
Привет всем ,подскажите такой вопрос использую agGrid в качестве таблицы и там есть server side модель данных. Собственно там есть колбек по которому нужно типо данные запросить. Но у меня в приложении по стандарту Redux + Saga. Соответственно для того чтобы получить список я кидаю ивент через диспатч и потом уже когда там данные загрузились я через пропертис могу их получить. Все как обычно. но тут немного по-другому, мне по сути нужно подписаться на изменение данные, можно ли это как-то сделать? или просто вызывать сервис без редакса в контейнере?
Looch
Не дергай сервисы напрямую
Oleg
https://twitter.com/vadimdemedes/status/1169270166108004356?s=09
Looch
Есть же апполо
Андрей
можно карируемый AC делать?
Андрей
export const witchDeleteCommentByIndexByArticleId = () => articleId => commentInd => { return { type: DELETE_COMMENT_BY_IND_BY_ARTICLE_ID, payload: { articleId, commentInd } }; };
Андрей
не могу нормально приконнектить
Roman
Пилю игру на реакте, для синхры между игроками, 4-8 чел в одной лобби, что использовать можно?
Roman
вебсокеты?
Слышал, да. Спросил потому что вдруг есть что-то специальное. Спасибо за ответ
Дмитрий
Vlad
че эт за игра?))))
Roman
че эт за игра?))))
Оффтоп по моему)
🦜
Well, well...
Dmitriy
Есть же апполо
Есть и бандлфобия на него
Looch
коллеги кто тут есть кто хорошо rxjs шарит ?
Anonymous
Не дергай сервисы напрямую
а как лучше всего сделать, если мне нужно колбек вызвать? и почему нельзя напрямую вызывать, кроме того что абстракция и все дела, мне на самом деле нужны данные только в одном месте в один момент времени
Looch
покажи пример кода, мне так трудно понять + саги они были так спроектированны что связи с компонентами у них нет и на них нельзя просто делать обычный колбэк
Anonymous
Вот сага constructor(@inject(SHARED_SERVICE_TYPES.CARRIERS_SERVICE) carrierService: ICarrierService) { super(); this.carrierService = carrierService; } // Saga action handlers public* loadCarriersGen() { const context = this; yield takeLatest(REQUEST(ACTION_TYPES.GET_CARRIERS), function* (result) { try { const data = yield call([context.carrierService, context.carrierService.loadCarriers], result.payload); yield put(WITH_PAYLOAD(SUCCESS(ACTION_TYPES.GET_CARRIERS), data)); } catch (e) { yield context.onActionError(ACTION_TYPES.GET_CARRIERS, e); } }); } а вот тут мне на надо получить данные dataSource: IDatasource = { getRows: (params: IGetRowsParams) => { // Use startRow and endRow for sending pagination to Backend // params.startRow : Start Page // params.endRow : End Page //replace this.apiService with your Backend Call that returns an Observable this.apiService().subscribe(response => { params.successCallback( response.data, response.totalRecords ); }); } }; Пропсы замапленные на стейт, но мне грубо говоря подписаться на изменение состояни carriers property
Sergey
Всем привет, пару месяцев назад успешно сделал деплой CRA на heroku. Сейчас новый CRA проект так же деплою на heroku - но он деплоит не минифицированый код, хотя в логах указано что таск build успешно выполнился. Никто не знает почему так могло случиться? Ради интереса этот же проект задеплоил на now.sh - он удачно задеплоился минифицированным
Anonymous
я просто хз как красиво это сделать, мне по сути не надо состояние данных в таблице в общем редакс сторе, так как больше как в таблице эти данные нигде не отображаются, просто вызывать сервис из компонента тоже как-то не очень. Просто не первый раз сталкиваюсь с таким вопросом и не только в реакте. Как правильно тут делать, проганять данные через редакс сторе или напрямую (через интерфейсы и тд) вызывать?
Looch
у тебя что там ангуляр или что
Looch
оно вообще обсервабл ждет судя по второму сообщению
Looch
и потом в саге takeLatest([paginationChange,sortingChange],getData)
Zaff
Со Styled Components есть способ переписывать стили внутри одного media-query для всех компонентов в одном файле, например. А то писать каждый раз @media screen and (max-width: xx) {} внутри каждого компонента чот не оч
Sm•ok
Это вопрос?
Sm•ok
Есть globalInject или шото такое. Или это депрекейт, но помню точно, были глобальные стили
Sm•ok
Но вообще, наверное внутри каждого надо писать, где это нужно. Ну и сеточка
Zaff
Но вообще, наверное внутри каждого надо писать, где это нужно. Ну и сеточка
сеточка есть, а что делать когда нужно продублировать что-то для мобилки?
Sm•ok
Хм, условия:)
Zaff
например у меня сейчас хедер не адаптируется никак, на мобилку нужно с другой структурой его запилить
Sm•ok
Но вообще, есть разные подходы для адаптации. Адаптивный, ress или отдельно поддомен с Моб версией
Zaff
Но вообще, есть разные подходы для адаптации. Адаптивный, ress или отдельно поддомен с Моб версией
не не, не отдельная версия) просто респонсив, только хедер дублируется
Sm•ok
Тогда напиши два и вставляй а зависимости от параметров экрана
Zaff
Тогда напиши два и вставляй а зависимости от параметров экрана
вот. что вы здесь используете в таких случаях?
Sm•ok
Ну, в любом случае думаю пилить два разных хедера. Если они отличаются друг от друга сильно
Zaff
Ну, в любом случае думаю пилить два разных хедера. Если они отличаются друг от друга сильно
https://www.npmjs.com/package/react-responsive увидел просто такую либу, насколько нормально так рендерить?
Sm•ok
Ну Да, думаю норм. Если все таки решил пилить 1 версию сайта, просто адаптивную
Andrei
привет всем, как получить размеры ребенка из родителя? и тот и тот функциональная компонента. рендерятся по такому принципу <div data-component="zoomer" className="zoomer" ref={el}> <Controls/> <div {...zoomerProps}> <SvgMap/> </div> </div>
Andrei
а точнее? ref нельзя повесить на функционального ребенка( форвард реф, если точнее) как передать его? @Baxxterkhv
Sm•ok
Кто какие карусельки на реакт порекомендует ? Лайтовые такие
Andrei
вопросы сняты.
Andrei
Кто какие карусельки на реакт порекомендует ? Лайтовые такие
jQuery))), а если серьезно, то берешь material и радуешься :)
Sm•ok
У меня уже антд
Andrei
Компонент - мужской род
есть, капитан! :) это именно то, что я и ожидал услышать в этом чате
Zaff
Кто какие карусельки на реакт порекомендует ? Лайтовые такие
я взял react-slick вчера, вроде такой же как и slick на jquery
1000
Если компонент-ребенок имеет динамичный размер, тогда - на update
Andrei
Может выкинуть какой-нибудь коллбек после mount?
нет, все оказалось проще намного.. я использовал наверх react.memo.. оказалось, что forwardref нужно использовать внутри React.memo, а не наоборот :)
Sm•ok
я взял react-slick вчера, вроде такой же как и slick на jquery
да тут прост нужет лайтовый. Ща гляну размер бандла ) Весит в 3 раза больше обычных ))
Sm•ok
Нашел glider.js. Кто юзал ?) 7кб весит. Очень странно, учитывая что в среднем весят 20
Zaff
Нашел glider.js. Кто юзал ?) 7кб весит. Очень странно, учитывая что в среднем весят 20
Был glide.js, работал без жквери, юзал на обычном проекте без реакта. Норм
Sm•ok
А ты какой посоветуешь ? Нужно базовое - инфинити луп и две кнопки туда-сюда
🦜
Поэтому весит мало ?
Либо сборка кривая, либо не тришейкает
Kurzdor
Ну как минимум проверенный пакет и вроде меньше
Kurzdor
Да, 1.6 кб Топчик
Zaff
крч, я решил просто в стилях прописывать display: none эти пакеты же делают то же самое? или они компоненты сразу не рендерят?
Kurzdor
Они рендерят
Kurzdor
Не как v-show у вуя Але, сделайте таймаут 10 сек 30 сек это черезчур
Zaff
Они рендерят
короче, нету же разницы между этими либами и display: none в стилях в плане производительности и принципе работы в целом? просто пишется по разному и в разных местах, но выполняется одинаково. правильно?
Igor
Друзья, а вот у меня был код в componentWillMount можно его в конструктор перенести?
Igor
вообще инициализация редаксформы :3
Igor
ну если там диспатчится запрос данных, например, то можно, так?