Всем привет. Подскажите, пожалуйста, как работать со стором во вложенных компонентах? У меня есть компонент, в него вложен еще один. Он должен показываться, если url содержит id. Но при вызове во вложенном вот этого метода: http://prntscr.com/k2zhxe, в родительском вылезает ошибка http://prntscr.com/k2zi79 . Если убрать запрос, то все норм.

вестимо patients не массив в сторе

Массив. Так работает все, если не делать тот запрос.

Массив. Так работает все, если не делать тот запрос.

установи redux devtool чего ты мучаешься?

и там по шагам отследи в какой момент у тебя patients undefined или null или еще что-то кроме массива

и сразу все поймешь, просто на экшины там жмешь и смотришь состояние стора

display: none или чтобы вообще не рендерился?

display: none или чтобы вообще не рендерился?

видимо он про то что отрибут совпалает с реальным и он ренлерится в дереве

видимо он про то что отрибут совпалает с реальным и он ренлерится в дереве

тогда я бы тоже ответ хотел бы узнать)

Не так понял)

подскажите, где можно найти примеры изоморфных приложений на реакте, хорошие бойлеплейты посоветуйте. может из личных проектов.

Чтобы пропс в дом не попадал

Чтобы пропс в дом не попадал

Ну не называй свои пропсы как существующие

часто в различных компонентах возникает необходимость в js делать медиа запрос и в зависимости от декстопной или мобильной версии реализовывать различное поведение. что бы в каждом компоненте не вешать resize на window и не проверять какая в данный момент версия, я подумал повесить в какой нибудь основной обертке этот обработчик и прокидывать переменную через redux. как считаете это нормальная практика?

Ребят, такая проблема: при клике на чекбокс пытаюсь изменить дату выполнения у задачи из туду-листа, за что реакт разраждается на меня кучей ругательств. В каком случае new Date() может вызывать ошибки в работе реакта?

Если назначаю в кач-ве даты просто число или строку, то всё норм, никаких ошибок.

подскажите, где можно найти примеры изоморфных приложений на реакте, хорошие бойлеплейты посоветуйте. может из личных проектов.

server side rendering не то?

Код скинуть не могу, очень там уж сложная и длинная цепочка

часто в различных компонентах возникает необходимость в js делать медиа запрос и в зависимости от декстопной или мобильной версии реализовывать различное поведение. что бы в каждом компоненте не вешать resize на window и не проверять какая в данный момент версия, я подумал повесить в какой нибудь основной обертке этот обработчик и прокидывать переменную через redux. как считаете это нормальная практика?

Можно через контекст прокидывать

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

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

возможность то будет конечно

а как?

provider/consumer

вроде же конект работает по такому принципу что нужно из него напрямую хватать данные

https://www.npmjs.com/package/redux-mediaquery есть готовая либа для этих целей

https://www.npmjs.com/package/redux-mediaquery есть готовая либа для этих целей

ага хорошая либа, 404 ошибка и ласт паблиш год назад

ласт паблиш - там сто строк вместе с комментами, что обновлять?:)

ласт паблиш - там сто строк вместе с комментами, что обновлять?:)

redux-thunk 14 строк, а месяц назад обновили :))

redux-thunk 14 строк, а месяц назад обновили :))

лицензию и readme, а сорцы последний раз 2 года назад изменяли:)

санки скоро будут как священное писание

Как указать, что у евента могут быть только специфические name?

а если написать event.target.name = "kek" ругается?

нет

Как указать, что у евента могут быть только специфические name?

это как

Уф, подсказали

Эммм, при этом SyntheticInputEvent<HTMLInputElement> полностью стерся из анотации евента

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

часто в различных компонентах возникает необходимость в js делать медиа запрос и в зависимости от декстопной или мобильной версии реализовывать различное поведение. что бы в каждом компоненте не вешать resize на window и не проверять какая в данный момент версия, я подумал повесить в какой нибудь основной обертке этот обработчик и прокидывать переменную через redux. как считаете это нормальная практика?

Есть целая библиотека для этого

const MainPageMem = Mem(MainPage); const SecondPageMem = Mem(SecondPage); const routes = ( <Fragment> <Switch> <Route exact path="/" render={props => <MainPageMem {...props}/>}/> <Route path="/second" render={props => <SecondPageMem {...props}/>}/> </Switch> </Fragment> ); - функция Mem запоминает(типа мемомизации) компонент, который рендерится, при что бы работать с ним при рендере следующего компонента, насколько крейзи замудка?)

const MainPageMem = Mem(MainPage); const SecondPageMem = Mem(SecondPage); const routes = ( <Fragment> <Switch> <Route exact path="/" render={props => <MainPageMem {...props}/>}/> <Route path="/second" render={props => <SecondPageMem {...props}/>}/> </Switch> </Fragment> ); - функция Mem запоминает(типа мемомизации) компонент, который рендерится, при что бы работать с ним при рендере следующего компонента, насколько крейзи замудка?)

Не очень

Не очень

есть идеи по лучше?) Мне при рендере текущего компонента, нужно иметь предедущий, что бы контролировать, когда прошлый уберать и рендерить новый.

есть идеи по лучше?) Мне при рендере текущего компонента, нужно иметь предедущий, что бы контролировать, когда прошлый уберать и рендерить новый.

Аааа, сколько ошибок ?

Аааа, сколько ошибок ?

у тебя ко мне особая любовь, это уже зафиксированно)

у тебя ко мне особая любовь, это уже зафиксированно)

Ноуп ?

Ноуп ?

идея то есть?)

const MainPageMem = Mem(MainPage); const SecondPageMem = Mem(SecondPage); const routes = ( <Fragment> <Switch> <Route exact path="/" render={props => <MainPageMem {...props}/>}/> <Route path="/second" render={props => <SecondPageMem {...props}/>}/> </Switch> </Fragment> ); - функция Mem запоминает(типа мемомизации) компонент, который рендерится, при что бы работать с ним при рендере следующего компонента, насколько крейзи замудка?)

Я, если честно, вообще не понял, зачем это нужно ?

есть идеи по лучше?) Мне при рендере текущего компонента, нужно иметь предедущий, что бы контролировать, когда прошлый уберать и рендерить новый.

Есть хуки у компонента

Есть хуки у компонента

пока не догнал, что имеешь ввиду

Я, если честно, вообще не понял, зачем это нужно ?

анимацию хочу, сборки и расборки страницы запилить при переходе)

анимацию хочу, сборки и расборки страницы запилить при переходе)

Есть же готовая либа, вроде бы

Есть же готовая либа, вроде бы

да я свое тренирую, больше спортивное мероприятие) До это контекстом сделал, заблочил хистори у роутеров и ждал когда анимации завершатся, а потом сам перезапускал экшен в хисторе, но из за POP идея провалилась)

да я свое тренирую, больше спортивное мероприятие) До это контекстом сделал, заблочил хистори у роутеров и ждал когда анимации завершатся, а потом сам перезапускал экшен в хисторе, но из за POP идея провалилась)

Мне кажется, что блокировать хистори - плохая идея

Мне кажется, что блокировать хистори - плохая идея

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

ERROR: S client not available

POP когда прилетает, пойди пойми куда какую кнопку юзер нажал, вперед или назад)

Попробовал заюзать effector на сайд-проекте... Пока что ахиренно нравится ?

Кстати, поздравляю с 5000! ?

?

5005

Ребята, подскажите, есть проект, react router, четыре страницы, ФОС, клиент хочет прикрутить Яндекс Метрику, чтобы отслеживать целевые действия (открытие формы, заполнение и т.д.). Стоит ли ждать проблем или все тривиально, как с обычными сайтами?

Зарелизил либу https://github.com/istarkov/rifm

корректно ли называется функцию которая переключает 4 значения, toggle?

корректно ли называется функцию которая переключает 4 значения, toggle?

toggleChetireValues

))))))))

корректно ли называется функцию которая переключает 4 значения, toggle?

Да, почему нет

Зарелизил либу https://github.com/istarkov/rifm

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

в каком браузере прыгает

Зарелизил либу https://github.com/istarkov/rifm

внезапно

корректно ли называется функцию которая переключает 4 значения, toggle?

автомат или механика?)

Зарелизил либу https://github.com/istarkov/rifm

нашел странное поведение

да в любом, у тебя же функционала позиционирования курсора нет. например, ввожу 05072018 получаю 05-72-18

Зарелизил либу https://github.com/istarkov/rifm

локализация ?

любая

можно гиф как вводишь?

ввожу большое число затем начинаю просто жать backspace начинает заменять нулями

см формат на коленке писан - парсеинт слетает

пример

потом добавлю макс мин

чек в форматы

нельзя просто так взять и форматировать через функцию... для каждой маски нужны свои настройки

чек в форматы

для дат тоже добавишь?