Как навесить событие скролла на компонент?

через node.addEventListener?

Нашёл событие onScroll

кто-нибудь использовал компонент react-datepicker ? календарь размывается при зуме окна браузера, как это пофиксить?

https://github.com/Hacker0x01/react-datepicker/issues/899

через node.addEventListener?

node.addEventListener('scroll', e => console.log(e))

window.addEventListener('scroll', e => console.log(e))

причем попап с календарем дейтпикера вшит в компонент Popper, который из пакета "react-popper", который является оберткой над popper.js

кто-нибудь использовал компонент react-datepicker ? календарь размывается при зуме окна браузера, как это пофиксить?

позиция календаря задается через transform: translate, оттуда все проблемы с размытием, погугли css transorm blury

п.с. оно не будет меняться

node.addEventListener('scroll', e => console.log(e))

Зачем, если есть <Component onScroll={...} />

и подскажите, как лучше сделать начальное состояние в редаксе, app componentWillMount -> fetch -> dispatch или сразу в сторе вызвать ф-цию?

Что - то страшное, мне кажется опасно вообще такое грузить

Что - то страшное, мне кажется опасно вообще такое грузить

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

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

А разница?

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

Я подумал о безопасности

А не о том что редакс умрёт

А разница?

эм, ты хоть подскажи между чем? ?

Grigory большое спасибо, сейчас попробую

Ну ты грузишь в стору html

эм, ты хоть подскажи между чем? ?

Ну смотря как ты будешь с этим объектом работать. Если он будет храниться и не мутироваться, пусть лежит

Ну ты грузишь в стору html

no

А что в поле footer тогда?

Ну смотря как ты будешь с этим объектом работать. Если он будет храниться и не мутироваться, пусть лежит

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

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

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

ну типо онир с сервера запрашиваються

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

Зачем разбивать единый источник данных?

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

это мне нужно будет тогда сделать свой мини редакс)

ну так че? писать в редакс их?

Я junior, не слушай меня

Но я бы все сувал в редакс

Особенно не мутируемые данные

ооо, лан. подождем посонов

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

На самом деле, страшно обратное. В джейквери после реакта.

Народ, подскажите как в вебпаке можно давать имена модулям, которые генерятся из-за require.ensure? Мне как-то не импонируют имена типа 1.js или 1.1.js

ну так че? писать в редакс их?

https://medium.com/javascript-scene/10-tips-for-better-redux-architecture-69250425af44

Гайс, какая у вас структура среднего по обьему реакт/редакс проекта ? Мы с ребятами начали делать по дефолту, разлажывать все по папочках reducers, actions, components, containers. Но сейчас уже становится лень открывать все это для того чтобы создать либо же перепроверить какие-то участки компонента

правильно ли понял в гугле, что на react native можно сделать офлайн приложение, которое синхронизирует(то что сделали в приложении) данные когда появится инет?

Я тоже начинал так - достало сейчас папки с названием страниц - типа homePage в них action+reducers в одном файле (+ использую redux-act)

это мне нужно будет тогда сделать свой мини редакс)

не надо, при SSR делаешь отдельный источник данных например <script id="config" type="application/json">${JSON.stringify(config)}</script> и потом протаскиваешь через context, это конечно мое имхо но чтобы не мешать мух с котлетами, плюс некоторый плюс в плане перфоманса

Я тоже начинал так - достало сейчас папки с названием страниц - типа homePage в них action+reducers в одном файле (+ использую redux-act)

=O actions, reducers, components, etc должны быть корневыми, а в них уже логические элементы

не надо, при SSR делаешь отдельный источник данных например <script id="config" type="application/json">${JSON.stringify(config)}</script> и потом протаскиваешь через context, это конечно мое имхо но чтобы не мешать мух с котлетами, плюс некоторый плюс в плане перфоманса

хороший вариант - сделать все через context

не надо, при SSR делаешь отдельный источник данных например <script id="config" type="application/json">${JSON.stringify(config)}</script> и потом протаскиваешь через context, это конечно мое имхо но чтобы не мешать мух с котлетами, плюс некоторый плюс в плане перфоманса

Перетаскивать через context, это хороший вариант???

че?

Перетаскивать через context, это хороший вариант???

а почему нет? он же глобал

мне нужен глобал этих данных

а почему нет? он же глобал

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

Перетаскивать через context, это хороший вариант???

открою секрет redux-react тоже протаскивает store через контекст

https://facebook.github.io/react/docs/context.html

И это все плохо!

И на это не надо равняться

https://facebook.github.io/react/docs/context#why-not-to-use-context

https://facebook.github.io/react/docs/context#why-not-to-use-context

спс

Max т.е можно в одну папку положить контейнер и возле него компоненты, норм будет ?

И это все плохо!

Ну не плохо. А в смысле не нужно это для обычного нормального приложения

а куда пихать это Г ???

Что здесь творится, не понимаю. Одни Context best practice, другие структуру файлом сделать не могут. Все, я джун, ниче не понимаю, пойду свой "плохой" код пилить

Grigory спасибо, помогло transform blurry

ERROR: S client not available

=O actions, reducers, components, etc должны быть корневыми, а в них уже логические элементы

не обязательно, Redux Ducks имеет право на жизнь, по моему.. Since it is often the case that an action is followed by a reducer and both of them share the same action type, a new recommendation came up to collocate all of them at one place. They call it Ducks.

Да, ducks уже посмотрели, классный подход. Реально упрощает процедуру добавления action-ов и всего связанного

подскажите как настроить импорт без ../../../../../../ таких заморочек

подскажите как настроить импорт без ../../../../../../ таких заморочек

okay, google, webpack resolve modules OR alias

https://webpack.js.org/configuration/resolve/#resolve-alias

okay, google, webpack resolve modules OR alias

хорошо что ты пришел) есть вопрос)

давай

^

подскажите как настроить импорт без ../../../../../../ таких заморочек

настроить в твоем редакторе автоимпорты

а в чем именно вопрос? в редакс что угодно можно положить так-то)

ты это хочешь чтобы стейтом было, или чтобы в стейте было поле дерьмишко, в котором этот объект?

а в чем именно вопрос? в редакс что угодно можно положить так-то)

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

ну раз нужны — клади

главное чтобы связей хитрых не было

потому что в редаксе плоская лучше структура

нормализация вся хуйня

ты это хочешь чтобы стейтом было, или чтобы в стейте было поле дерьмишко, в котором этот объект?

2 вариант

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

смущает то, что после каждого диспача нужно в редюсере делать Object.assign() ну да, я понимаю что ссылки в этом Г не будут меняться, но всеравно что-то подсказывает, что это не гуд

юзай spread operator

юзай spread operator

да понятно, вопрос не в этом

а в чём дело?

почему тебя это смущает?

смущает то, что после каждого диспача нужно в редюсере делать Object.assign() ну да, я понимаю что ссылки в этом Г не будут меняться, но всеравно что-то подсказывает, что это не гуд

ну можешь еще immutable с setIn юзать))

ну можешь еще immutable с setIn юзать))

ты не в теме, прочитай сообщения выше

Ребят ни у кого не было бага, когда скролл в самом низу, а код говорит, что ему ещё ~20px до низу?

Не на мобилках ли?