это только добавит больше проблем

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

Кто подскажет может. Как в реакт роутере оставить ссылку активной если к примеру у нас есть не обязательный параметр: <Route path="users(/page/:pageId)" component={ Users }>

Вложить

ну всм к примеру я по роуту /users у меня ссылка активна - если я перейду по роуту /users/page/2 то соот-но ссылка уже не будет активной

IndexRoute?

ну всм к примеру я по роуту /users у меня ссылка активна - если я перейду по роуту /users/page/2 то соот-но ссылка уже не будет активной

Вложить роут page/:id в users

Все, разобрался, спасибо )

проблема ещё была в том, что у ссылки ещё был пропс onlyActiveOnIndex, теперь все ок

Привет всем!! Уменя можно сказать класическая проблема котрую я не знаю как решить есть много страничный сайтик на реакт (без редакса) роутерами на одной странице элемент с событиями котрая должы изменить футер страницы как пробросить калбеки от этого элемента до футера котрый лежит в лейауте

На реакте без реакта?

без редакса

короче нужно наладить взаимо связь двух компанентов чтобы это было быстро и дешево

включить футер в эту страницу

ну в самом верхнем компоненте создайте колбек и пробрасывайте его. Либо eventemitter какой-нибудь поюзайте

он обшей на 2 страницы и его незя включать на одной стрнице так как там плеер стоит

пробовал но страница в лейаут вствлется через {this.props.children}

React.cloneElement

ну прокидывайте пропсы с чаилд

через cloneElement

return React.cloneElement(this.props.children, this.props);

ок понел

попробую

самыц простой способ как я понимаю

А как же контекст?:)

ну сначала до верха докинуть надо

а там {this.props.children}

React.cloneElement(this.props.children, this.props);

работет спасибо

https://hackernoon.com/how-it-feels-to-learn-javascript-in-2016-d3a717dd577f#.yc7kmmn6t

react-addons-shallow-compare стоит во все глупые компоненты добавить или это может и вред нанести?

а тесты есть?

пока не писал ?

я бы начал

реактаны

имели дело с андройдовыми дип - линками ?

как их правильно вставлять на страницу ?

чтобы оно не ругалось на page not found когда приложение не стоит ?

как спрятать от девтулса redux стор на продакшне?

process.env.NODE_ENV !== 'production'

хотя у яндекс карт вот наружу торчит :D

да, действительно просто не подгружать window.devToolsExtension() при создании стора чёт я тупанул, спасибо

Может кто знает на чем фронт моймир@мейлру написан?

хотя у яндекс карт вот наружу торчит :D

да лан, где?)

maps.yandex.ru :)

вот только инфы там совсем чуть-чуть лежит isEnabled всякие

Ну им больше и не нужно

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

А есть какой-то красивый способ запретить React extension хромовский на проде?

Может кто знает на чем фронт моймир@мейлру написан?

поставь wappalyzer

поставь wappalyzer

о точно

Я такое пробовал https://gist.github.com/jaybekster/ebeabfad3bd421d40a977ef132bc303f

там еще в сорцах Comet какой-то

я аросто вчера сел писать коломёт-юзерскрипт для фоток на моймир@мейлру, но не обнаружил как программно хукнуть переход по ссылке, а то window.location перезагружает все включая юзерскрипт

А есть какой-то красивый способ запретить React extension хромовский на проде?

нельзя вроде redux можно точно

нельзя вроде redux можно точно

https://gist.github.com/jaybekster/ebeabfad3bd421d40a977ef132bc303f работает

Я знаю что работает)))

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

ну я Сергею написал )

может у вас будут идеи хочу синхронизировать redux store между вкладками браузера, через localstorage. идея в том чтоб только master вкладка писала состояние в localstorage. slave вкладки каждый раз как видят изменение в localstorage - применяют их у себя в редюсерах. для отслеживания мастер вкладки использовал visibility.js, работает. подписался на store.subscribe(), внутри смотрю статус вкладки, если мастер - записываю в локалстораж. внутри корневого компонента слушаю window.addEventListener('storage'), при ивенте смотрю состояние вкладки, если slave - вызываю экшн tabSync куда передаю весь новый стор. на данный момент мне было важно было синхронизировать именно редюсер user'а, чтоб при логине/логауте остальные вкладки подхватывали состояние. соответсвенно в редюсере юзера ловил этот экшн и брутально заменял весь редюсер "case TAB_SYNCED: return payload.user" но потом задумался - а если б мне захотелось весь стор вот так синхронизировать? если делать так топорно как сейчас то это в каждом редюсере нужно слушать этот экшн и заменять текущий кусок стора. не ок так вот вопрос - может есть какой-то способ откуда-то сверху, либо через middleware синхронизировать те части стора, которые пришли с ивента (скажем у меня есть whitelist редюсеров которые я хочу синхронизировать, пусть это будет половина всего моего стоража), а остальные остались в текущем состоянии (важно чтоб они НЕ резетнулись в initial)

может у вас будут идеи хочу синхронизировать redux store между вкладками браузера, через localstorage. идея в том чтоб только master вкладка писала состояние в localstorage. slave вкладки каждый раз как видят изменение в localstorage - применяют их у себя в редюсерах. для отслеживания мастер вкладки использовал visibility.js, работает. подписался на store.subscribe(), внутри смотрю статус вкладки, если мастер - записываю в локалстораж. внутри корневого компонента слушаю window.addEventListener('storage'), при ивенте смотрю состояние вкладки, если slave - вызываю экшн tabSync куда передаю весь новый стор. на данный момент мне было важно было синхронизировать именно редюсер user'а, чтоб при логине/логауте остальные вкладки подхватывали состояние. соответсвенно в редюсере юзера ловил этот экшн и брутально заменял весь редюсер "case TAB_SYNCED: return payload.user" но потом задумался - а если б мне захотелось весь стор вот так синхронизировать? если делать так топорно как сейчас то это в каждом редюсере нужно слушать этот экшн и заменять текущий кусок стора. не ок так вот вопрос - может есть какой-то способ откуда-то сверху, либо через middleware синхронизировать те части стора, которые пришли с ивента (скажем у меня есть whitelist редюсеров которые я хочу синхронизировать, пусть это будет половина всего моего стоража), а остальные остались в текущем состоянии (важно чтоб они НЕ резетнулись в initial)

А почему бы не хранить в локал сторадже ивенты с пейлоадом?

Не понял идею

Народ, киньте плз либу с компонентами-даунами для генерации Email писем. Тупо компоненты)

Не понял идею

Это обычная задача на пропагейшн асинхронной репликации.

Вопрос по тестированию компонентов. У меня в компоненте есть строчка impoty styles from './someStyleFile.css' Когда запускаю тесты то естесно он не может разобраться css file и вылетает экспешн. Есть какое-то хорошее решение?

Есть догадка что можно запилить какой-нибудь require-hook и ничего не возвращать при импорте css-файла, но уж больно костыль костыльный

мб собирать webpack'ом перед тестами?

Вопрос по тестированию компонентов. У меня в компоненте есть строчка impoty styles from './someStyleFile.css' Когда запускаю тесты то естесно он не может разобраться css file и вылетает экспешн. Есть какое-то хорошее решение?

webpack-karma

может у вас будут идеи хочу синхронизировать redux store между вкладками браузера, через localstorage. идея в том чтоб только master вкладка писала состояние в localstorage. slave вкладки каждый раз как видят изменение в localstorage - применяют их у себя в редюсерах. для отслеживания мастер вкладки использовал visibility.js, работает. подписался на store.subscribe(), внутри смотрю статус вкладки, если мастер - записываю в локалстораж. внутри корневого компонента слушаю window.addEventListener('storage'), при ивенте смотрю состояние вкладки, если slave - вызываю экшн tabSync куда передаю весь новый стор. на данный момент мне было важно было синхронизировать именно редюсер user'а, чтоб при логине/логауте остальные вкладки подхватывали состояние. соответсвенно в редюсере юзера ловил этот экшн и брутально заменял весь редюсер "case TAB_SYNCED: return payload.user" но потом задумался - а если б мне захотелось весь стор вот так синхронизировать? если делать так топорно как сейчас то это в каждом редюсере нужно слушать этот экшн и заменять текущий кусок стора. не ок так вот вопрос - может есть какой-то способ откуда-то сверху, либо через middleware синхронизировать те части стора, которые пришли с ивента (скажем у меня есть whitelist редюсеров которые я хочу синхронизировать, пусть это будет половина всего моего стоража), а остальные остались в текущем состоянии (важно чтоб они НЕ резетнулись в initial)

Лучше синхронизировать через сервер. На случай если пользователь залогинен в разных браузерах одновременно (десктоп/мобила/инкогнито)

хочу ограничиться клиентской стороной

мб собирать webpack'ом перед тестами?

Не гуд. Использую mocha и там можно транспилятор выбрать

Есть догадка что можно запилить какой-нибудь require-hook и ничего не возвращать при импорте css-файла, но уж больно костыль костыльный

https://github.com/bkonkle/ignore-styles

webpack сборка тестов это хороший такой удар по быстрым тестам

Можно забыть про TDD, ага.

Тут кто-нибудь с react-draggable работал?

+

Я работал. Работает.

Быстрые тесты - это линтер )

Можно забыть про TDD, ага.

можно запилить watch и нет проблем

Пересборку то?

Ну если пересборка идет секунд 5-10 то не очень то и удобно

Это очень долго

у нас пересборка бандлов для браузера меньше 2 секунд, а тестов-то так и вообще 100-200 ms