На винде все время сидишь?

Ну да, по маку не подскажу, увы)

Ну да, по маку не подскажу, увы)

живой ЖСер на винде, круто

мои пальцы виндовые хоткеи уже забыли

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

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

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

redux используешь? shouldComponentUpdate - в принципе плохой выбор для такого

да, redux

здесь нужен componentWillReceiveProps

подключаешь currentLang стандартно по редаксовски - mapStateToProps

в смысле плохой? в компоненте в shouldComponentUpdate проверяется не только props.currentLang, там и много других параметров. но currentLang ведь тоже отвечает за обновление компонента, если изменили язык - будь добр перерендерится. но чтоб это проверить - в компонент должен прийти currentLang, чтоб он знал как себя вести

живой ЖСер на винде, круто

Ну сейчас с этим гораздо проще чем раньше, особо никаких проблем даже и не помню уже. Перенесут с инсайдерской версии нативный запуск линуксовых бинарников — вообще будет отлично

в смысле плохой? в компоненте в shouldComponentUpdate проверяется не только props.currentLang, там и много других параметров. но currentLang ведь тоже отвечает за обновление компонента, если изменили язык - будь добр перерендерится. но чтоб это проверить - в компонент должен прийти currentLang, чтоб он знал как себя вести

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

для твоего кейса нужен - mapStateToProps как изменится currentLang - компонент автоматом сделает render

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

Текущую локаль удобно хранить в контексте

но а если в компоненте у меня есть shouldComponentUpdate котором проверяется nextProps.x != this.props.x не учитывая currentLang компонент ведь не обновится при смене языка props.x это что-то из бизнес логики, не относящееся к языку

но а если в компоненте у меня есть shouldComponentUpdate котором проверяется nextProps.x != this.props.x не учитывая currentLang компонент ведь не обновится при смене языка props.x это что-то из бизнес логики, не относящееся к языку

Это можно проверять в mapStateToProps

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

Это можно проверять в mapStateToProps

а вот это интересно, спасибо, гляну

А где ты хранишь строки перевода?

но а если в компоненте у меня есть shouldComponentUpdate котором проверяется nextProps.x != this.props.x не учитывая currentLang компонент ведь не обновится при смене языка props.x это что-то из бизнес логики, не относящееся к языку

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

использую redux-pagan где он там строки хранит я не вникал

А так в mapStateToProps сигнатура (state, [ownProps])

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

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

ребят, простите что врываюсь в дискуссию, как закончите -- помогите, плиз. надоело в каждом проекте на разных фреймворках по-разному решать одну и ту же задачу. хочу поинтересовать у вас, какую практику вы считаете хорошей для решения такой распространенной вещи? Опишу задачу. В приложении есть N страниц с различными реестрами, каждый реестр представляет собой какую-то сущность из бд по сути. В реестр может добавляться запись - для этого вызывается форма, в которой заполняются поля и запись сохраняется. Поле может быть ссылкой на любой другой реестр, ссылок может быть N. Как сделать первоначальную загрузку данных в селект-листы записей реестра, на который мы ссылаемся? Хочется более-менее универсально

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

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

ребят, простите что врываюсь в дискуссию, как закончите -- помогите, плиз. надоело в каждом проекте на разных фреймворках по-разному решать одну и ту же задачу. хочу поинтересовать у вас, какую практику вы считаете хорошей для решения такой распространенной вещи? Опишу задачу. В приложении есть N страниц с различными реестрами, каждый реестр представляет собой какую-то сущность из бд по сути. В реестр может добавляться запись - для этого вызывается форма, в которой заполняются поля и запись сохраняется. Поле может быть ссылкой на любой другой реестр, ссылок может быть N. Как сделать первоначальную загрузку данных в селект-листы записей реестра, на который мы ссылаемся? Хочется более-менее универсально

как то сложно описали =)) а какой универсальности вы хотите? если это реакт - то сервис дергает данные со реста, передаёт их в стор, все его слушатели получаются эти данные

Реакт. Я видимо не совсем подробно описал, как вызвать сервисы явно я понимаю

Имхо - shouldComponentUpdate - болезненная штука. нужно юзать, если тока уверен на 1000000%

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

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

ох уж эти ваши редюсеры и редакс...

Имхо - shouldComponentUpdate - болезненная штука. нужно юзать, если тока уверен на 1000000%

уверен, без него на андроиде сильно проседала производительность, react perf понаходил много бесмысленных перерендерингом "wasted" он их называет

уверен, без него на андроиде сильно проседала производительность, react perf понаходил много бесмысленных перерендерингом "wasted" он их называет

видимо вы не работале с большой вложенность))

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

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

не, у меня максимум до 5-6 компонентов где-то вложенность

кстати, тут недавно была речь о выборе дейтпикера, и упоминале о react-widgets и их дейтпикере. кто его использует, не возникало проблем с производительностью?

просто это реально первый компонент в обертке над которым пришлось использовать shouldComponentUpdate

из коробки страшно лагал

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

кстати, тут недавно была речь о выборе дейтпикера, и упоминале о react-widgets и их дейтпикере. кто его использует, не возникало проблем с производительностью?

этот смотрел? построенный на базе react-virtualized https://github.com/bvaughn/react-virtualized/issues/147#issuecomment-222047312

этот смотрел? построенный на базе react-virtualized https://github.com/bvaughn/react-virtualized/issues/147#issuecomment-222047312

мне нужно с временем

народ подскажите плз, хочу добавить форму обратной связи для телефонов на по быстрому сделанный сайт залитый на github pages, я думаю проще всего просто отправлять данные на какую нибудь базу данных в облаке? там видел mongo что то похожее предлагает

ну чтобы бек не делать, который вроде туда и нельзя заливать

ну чтобы бек не делать, который вроде туда и нельзя заливать

Почитай про http протокол, для начала.

сейчас главное сделать)

сейчас главное сделать)

Ты задаешь не те вопросы, тебе никто не захочет отвечать)

ну простите нубка

ну простите нубка

Вот поэтому прочти сначала про http. И передачу данных. Cross domain там, и что сервер должен соответствовать.

что то похожее знаю, CORS там спокойно убирается если ты про это

что то похожее знаю, CORS там спокойно убирается если ты про это

Где там?

ERROR: S client not available

ну на беке как я понимаю

ну на беке как я понимаю

Тогда в чем вопрос?

как проще всего решить мой вопрос)

как проще всего решить мой вопрос)

Насколько я понимаю: бек по-любому придется поднять, если не хочешь светить данные.

кстати, тут недавно была речь о выборе дейтпикера, и упоминале о react-widgets и их дейтпикере. кто его использует, не возникало проблем с производительностью?

тут или копаться во внутренностях и тюнить или другой искать

ну или свой писать

Каждая планка по 4 гб ?

Эти убогие редакторы не способны даже файлик открыть на 10к строк

Кстати, насчёт вот этого вброса? А что ты скажешь насчёт такого файла?

Свободное редактирование и поиск по файлу в 50 тысяч строк и думаю, это не предел

Ребята можно использовать bootstrap вместе с react

Да можно

Можно писать врапперы нужные на используемые компоненты Bootstrap

и они будут работать. Главное не забывать про componentDidMount и componentWillUnmount чтобы не создавать зомбяшников :) Но React бдит и об этом поругается

Это касается врапперов

должны быть уже обёртки

react-bootstrap скорее всего

Даже с в4 есть, reactstrap

http://i.prntscr.com/6c47de4b7eb446bebc0cb4d965144f7e.png

ребят подскажите почему проптайпс не ругается

там же строка должна быть

в браузере никаких ошибок

Возможно там можно функцию, возвращающую строку передать

как проверить как работает этот проптайпс?