А в контейнере прокидывать - на странице может и 10 попапов быть) Ну нафига, например, в Sidebar отправлять попап редактирования фильтров, которые в нем находятся.. Слишком много кода получается. Если для каждого ui элемента отдельный пропс создавать.

И слишком много пространства для багов, и читать сложно - в общем, 100% говнокод..

И слишком много пространства для багов, и читать сложно - в общем, 100% говнокод..

+

Получается диллема - либо говнокод, либо перерисовка лишняя при изменении любых ui элементов на странице

Вот думаю, как connect лучше использовать, что бы найти решение.

А в контейнере прокидывать - на странице может и 10 попапов быть) Ну нафига, например, в Sidebar отправлять попап редактирования фильтров, которые в нем находятся.. Слишком много кода получается. Если для каждого ui элемента отдельный пропс создавать.

я скажу точно одно - я тебя нихера не понял ?

Сейчас gist создам)

Хотя, не знаю как лучше создать. Но, пример. Есть два папапа. В компоненте Header и в компоненте Sidebar. В оба компонента можно послать props.ui, который содержит весь стейт визуальных компонентов. В том числе, и попапы. Далее, в Header пользователь нажимает кнопку открытия попапа. state.ui изменяется => props.ui тоже изменяется. А значит, перерендеривается Sidebar. Хотя, в этом нет никакой необходимости. Как разрешить задачу так, что бы Sidebar, при открытии попапа в Header, не перерендеривался?

делать попап statefull?

@alexandertorn опиши понятнее, что есть и как должно быть

> props.ui, который содержит весь стейт визуальных компонентов Чёт хуйня какая-то

> props.ui, который содержит весь стейт визуальных компонентов Чёт хуйня какая-то

+

сделать в сторе для каждого компонента свое свойство с попапом

@kolkahackfaq Господа, непременно опишу как доберусь до рабочей машины

сделать в сторе для каждого компонента свое свойство с попапом

Ага, а если в компоненте каком-то сложном 20 попапов - 20 пропсов создавать?

> props.ui, который содержит весь стейт визуальных компонентов Чёт хуйня какая-то

Окей, а как тогда сделать? Я только разбираюсь с Redux, не знаю как лучше сделать

Окей, а как тогда сделать? Я только разбираюсь с Redux, не знаю как лучше сделать

у тебя реально необходимость хранить флаг попапа в стейте?

у тебя реально необходимость хранить флаг попапа в стейте?

Нет, и statefull Popup хорошая идея. Так и сделаю. Но, все же, могут возникнуть ситуации, когда будет потребность именно в стейте хранить информацию. Как тогда делать?

Ага, а если в компоненте каком-то сложном 20 попапов - 20 пропсов создавать?

у компонента все равно должен быть пропс с флагом попапа

Нет, и statefull Popup хорошая идея. Так и сделаю. Но, все же, могут возникнуть ситуации, когда будет потребность именно в стейте хранить информацию. Как тогда делать?

по ситуации как бы надо смотреть. не надо выбирать какую то одну методологию и строго только ей следовать

у компонента все равно должен быть пропс с флагом попапа

И тащить сверху, от Page на 20 компонентов вглубину пропсы с попапами? Это же голову сломать можно, если интерфейс реально сложный

зачем с корня? к стору подключать

Привет. Делал кто нибудь на реакте хелпер для юзера, который затемняет все, появляеться окошко указывающие на кнопку допустим, в котором описанно что она делает?

Вот я и спрашиваю, где лучше connect использовать, в каких компонентах, кроме корня? Какие есть хорошие практики?

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

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

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

Например? Как именно? Пока не понимаю(

Подскажите что про алгоритмы почитать можно (сортировки,числа Фибоначчи и все все все)?? Желательно на JS

Я кажется нашел ответ. С попапом, буду использовать statefull компонент. Но, на этом примере - для компонента, который использует попап, делать connect, что бы добавить пропс этого попапа.

А какие гриды кто использовал вместе с styled-components? http://jxnblk.com/rebass/ или http://jxnblk.com/grid-styled/ ?

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

О, тоже хорошая идея. Спасибо.

Думаю, ответ находится как компромисс двух решений) Все же делать стор повторяющим структуру дерева компонентов - не очень хорошая идея. Но если не уходить в крайности - то норм. А в случаях, когда удобнее использовать connect - использовать его. Блин, все же несмотря на всю ох**нность Redux + React, порог входы высокий, что бы нормально разрабатывать приложения) Подводных камней тонны.

https://github.com/webpack/webpack/pull/5660 всем вебпак 4 пацаны

куда уже 4?

https://github.com/webpack/webpack/pull/5660 всем вебпак 4 пацаны

Офигеть

да. это жесть

горшочек раздухарился )

все еще страшные конфиг файлы?

угу

Были бы как галпа...

Были бы как галпа...

Не не

Чо так

все еще страшные конфиг файлы?

А чего в них страшного то

Простой обжект

После галпа - все)

Да ну

У галпа не конфиги

Ну это на мой взгляд)

Лол, конфиг вебпака же примитивный если ХОТЬ РАЗ прочесть доку

Даже не доку, а быстрый овервью на их сайте, забыл как называется

Наверное, так и надо сделать

concepts

Даже не доку, а быстрый овервью на их сайте, забыл как называется

webpack.js.org/configuration

Ну очень все просто

Я не понимаю как можно считать вебпак сложным

Особенно когда есть такая дока

Ну у меня было такое ощущение до первого внимательного прочтения

Да не, понять-то это можно, лень называется Дока все очень хорошо объясняет

Во времена первого конешн хардкорно было))

Во времена первого конешн хардкорно было))

+ да, я помню боль

Я кажется нашел ответ. С попапом, буду использовать statefull компонент. Но, на этом примере - для компонента, который использует попап, делать connect, что бы добавить пропс этого попапа.

В общем, вот к такому пришел. В родительском компоненте использую connect export default connect((state, ownProps) => ({ filterAffiliatesPopup: getPopup(state, 'filterAffiliates') }))(CompanyFilter) В самом попапе, для диспатча событий const mapDispatchToProps = { open: (id) => open(id), close: (id) => close(id) } export default connect({}, mapDispatchToProps)(Popup)

ERROR: S client not available

Уже нравится решение, но верю, что может быть лучше) Кто поделится - буду благодарен

Насчет statefull компонент. Для тестирования лучшего решил все же не использовать его. Что бы баги было проще искать в будущем.

посоветуйте туториал по SPA на реакте

Приделываешь реакт роутер и вот тебе спа

посоветуйте туториал по SPA на реакте

just google it

посоветуйте туториал по SPA на реакте

ищешь/пробуешь что-то слепить без redux. дальше будет проще искать ибо практически везде суют redux .... даже в todo list уже (сам учусь)

Парни вопрос по организации монорепы. Есть необходимость использовать локальные пакеты /packages/foo-package -> import fooPackage from 'foo-package'. Что привело к lerna но есть проблема что все связываемые модули должны быть пакетами lerna. А нужно чтобы структура была такой: /project /src /index.js /* import fooPackage from 'foo-package' */ /packages /foo-package плюс установка зависимостей пакетов. Какие варианты есть это организовать?

Емнип, никаких

Все пакеты равноправны

Yarn workspaces?

Он так же работает

Есть всякие извращенные варианты типо npm link и npm local modules но что-то это мрак

Он так же работает

Спасибо

в монорепе чтобы IDE не тормозило отключаете индексацию node_modules?

Не в монорепе, внезапно, тоже

Всегда отключаю если даже не монорепо

как сказать вебпаку, чтобы он файлы в продкшен в определённые папки ложил? например, чтобы jpg были в папке img в проде

test: /\.(jpg|png)$/, use: [{ loader: 'file-loader?name=img/[name].[ext]' }]

опшнс!

а по делу — CopyWebpackPlugin + process.env.NODE_ENV

ок

Кто-нибудь сталкивался с такой хуйней: в общем нужно сделать интерфейс к админке, типа приложения где можно будет пересобирать верстку сайта, позицию блоков и т.д драг энд дропом. Редактировать содержимое тегов. Может кто встречал в сети похожие проекты, хотелось бы глянуть. А то пока не очень представляю себе как сделать это

ucoz.com

?

Кто-нибудь сталкивался с такой хуйней: в общем нужно сделать интерфейс к админке, типа приложения где можно будет пересобирать верстку сайта, позицию блоков и т.д драг энд дропом. Редактировать содержимое тегов. Может кто встречал в сети похожие проекты, хотелось бы глянуть. А то пока не очень представляю себе как сделать это

Для вордпресса много решений есть

Кто-нибудь сталкивался с такой хуйней: в общем нужно сделать интерфейс к админке, типа приложения где можно будет пересобирать верстку сайта, позицию блоков и т.д драг энд дропом. Редактировать содержимое тегов. Может кто встречал в сети похожие проекты, хотелось бы глянуть. А то пока не очень представляю себе как сделать это

вроде юнайс называется, может быть еще работает, вообще визуальных билдеров html дофига разных (вроде как)

Ага спасибо, гляну. Просто хотел код глянуть. Чтоб не нагородить хуеты

Приветствую! А кто-нибудь делал на реакте компонент для подписи пальцем? Гугл выдаёт мало интересного, многое есть на js, но как адаптировать к реакту и чтобы работало с нужными пропсами - пока не понимаю. Может есть у кого опыт?

что именно не понимаешь в адаптации? На маунте компонента в реф вызываешь функцию, которая туда возможность подписи добавляет, настраиваешь компонент по пропсам. По изменению пропсов снова прокидывешь новый конфиг. По анмаунту по идее можно ничего не делать