может кто нибудь знает либу для рисования полигонов с отображением мер (градусы, длина стороны) как тут: https://goo.gl/kc2rzB

ой, слишком большая ссылочка получилось, сорян

Доброго времени суток господа, есть компонент с ребенком, ребенку прокинут onChange, проблема в том, что я меняю данный в ребенке, вызываю onChange родителя, в родителе данный меняются, стейт меняется, новый стейт в рендере выводится и прокидывается ребенку, но по какой-то причине, ребенок не перерисовывается, даже не вызывается shouldComponentUpdate. В чем может быть причина?

ой, слишком большая ссылочка получилось, сорян

https://goo.gl

спасибо (:

спасибо (:

Сообщение всё ещё можно отредактировать

ребят, а я правильно понял концепт реакта и styled components, что мы ничего между компонентами, что касается ui не шарим, они должны быть полностью самодостаточными?

ребят, а я правильно понял концепт реакта и styled components, что мы ничего между компонентами, что касается ui не шарим, они должны быть полностью самодостаточными?

Да

а то мне втирают, что есть общие стили и их бы нужно выносить в "common" некий

Ну вообще то надо шарить

тогда компоненты же не независимые

Для этого есть хелпер css и селекторы пропсов

и кучи всяких неявных зависимостей появляются

концепция styled-components в том чтобы дать логичные интуитивно понятные по назначению названия всяким безликим конструкциям типа <div className="..." style={{...}}> ... </div>

Господа, почему компонент может тупо выпасть из рендера? При изменении пропсов(100% меняются), не вызывается даже UNSAFE_componentWillRecieveProps

Господа, почему компонент может тупо выпасть из рендера? При изменении пропсов(100% меняются), не вызывается даже UNSAFE_componentWillRecieveProps

componentShouldUpdate есть?

Неа

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

тогда смотри во что ты его оборачиваешь

наверняка какие то HOC-и же есть вокруг него

{ console.log('kek 3', additionalFields.fields[17]) } <AdditionalFields onChangeSelectedFields={ this.onChangeSelectedFields } onCancel={ this.onCloseAdditionalFieldsModal } visible={ showAdditionalsModal } data={ additionalFields } selectedFields={ event && event.additionalFields } onChange={ this.onChangeAdditionalField } /> console.log вызывается, но компонент не перерендеривается, хоков нет = ). Я вообще непонимаю что происходит, возможно неправильно меняю пропсы, но я по всякому пробовал,

Доброго времени суток господа, есть компонент с ребенком, ребенку прокинут onChange, проблема в том, что я меняю данный в ребенке, вызываю onChange родителя, в родителе данный меняются, стейт меняется, новый стейт в рендере выводится и прокидывается ребенку, но по какой-то причине, ребенок не перерисовывается, даже не вызывается shouldComponentUpdate. В чем может быть причина?

Попробуй указать ребенку key

ты консоль лог я так понимаю в родительском компоненте вызываешь?

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

Попробуй указать ребенку key

key не помог = (

selectedFields={ event && event.additionalFields }

вот это что за конструкция у тебя? :))

убери на фиг event &&

либо делай event ? event.additionalFields : []

и все заработает

убери на фиг event &&

Чем плох варинт &&?

и все заработает

кстати да, вариант с тернарником лучше выглядит, но не уверен что это поможет = )

Чем плох варинт &&?

ну он в данном случае не очевиден кмк

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

Это по сути же тернарник только нет действия для false

onChangeAdditionalField = (id, path, value) => { const { additionalFields: { fields } } = this.state; const editedField = fields.find((field) => field.id === id); set(editedField, path, value); this.setState((prevState) => { return ({ additionalFields: { ...prevState.additionalFields, fields: fields, } }); }); } Вот на всякий случай мой onChange, я ж правильно все делаю?? Замена на тернарник не помогла кстати )

Это по сути же тернарник только нет действия для false

ну вообще, да

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

Короче, просто бахнул костыль, добавил в onCHange ребенка, после вызова onChange родителя forceUpdate, теперь всё работает, но я жутко не доволен. ЧТо за хрень, непонятно

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

Короче, просто бахнул костыль, добавил в onCHange ребенка, после вызова onChange родителя forceUpdate, теперь всё работает, но я жутко не доволен. ЧТо за хрень, непонятно

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

Да, я понимаю, грешу на то что у меня большая вложенность компонентов

если ты console.log делаешь в рендере родителя и видишь результат в консоли, то все должно проноситься в потомка

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

и посмотри все ли они меняются реально

чем у тебя отличается additionalFields jот event.additionalFields ?

т.е. почему ты делаешь data={ additionalFields } selectedFields={ event && event.additionalFields }

проверь меняешь ли ты в event через setState данные или нет

Бля, так тупо, что cwrp депрекейтнули, gdsp - говно из жопы

Окей, сейчас всё проверю

Ребята, а как обновить props,если компонент является классом?

Ребята, а как обновить props,если компонент является классом?

flux почитай

Бля, так тупо, что cwrp депрекейтнули, gdsp - говно из жопы

Нет !!!!

Одно не замена другому

componentDidUpdate замена cWRP

Бля, так тупо, что cwrp депрекейтнули, gdsp - говно из жопы

Почему говно?

ребят, у кого то есть в заначке хороший курс/пособие по адаптивной/респонсивной верстке? Что то достаточно исчерпывающее.

Подскажите идею для приложения, чтобы отточить навыки ( кроме тудулиста и подобных )

Подскажите идею для приложения, чтобы отточить навыки ( кроме тудулиста и подобных )

чат сделай на сокетах

или хотя бы аккардеон с асинк подрузкой

Сэнк

Сэнк

попробуй еще разные стейт менеджеры

и разные мидлвары для redux

ERROR: S client not available

по redux-form вопрос. в чем разница между submit validation и async validation?

хотя вроде понял. submit всю форму целиком валидирует, в том время как asyn validate валидирует отдельные поля

боже, почему постоянно находятся люди использующие redux-form

боже, почему постоянно находятся люди использующие redux-form

Потому что есть люди, которые используют редакс. Не все интересуются новинками.

Потому что есть люди, которые используют редакс. Не все интересуются новинками.

То есть все с приставкой redux-* по вашему стоит использовать?

То есть все с приставкой redux-* по вашему стоит использовать?

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

Просто final-form лучше как минимум изза того что существует и вне реакта, да и контрибьютит в него автор redux form, да и при чем побольше, чем в redux form

Просто final-form лучше как минимум изза того что существует и вне реакта, да и контрибьютит в него автор redux form, да и при чем побольше, чем в redux form

Никто не спорит с этим утверждением)

Как?

electron

Что как?

Как?

https://rudevs.network/SJnVLYQm7

Бля, так тупо, что cwrp депрекейтнули, gdsp - говно из жопы

а чем gdsp плох?

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

в аообще, да, реактчики пидарасы за то что добавили этот метод и снесли cwrp

в аообще, да, реактчики пидарасы за то что добавили этот метод и снесли cwrp

Все пидорасы.

Блин, как же бесит телега. Вот автору фото она без сжатия все отображает. А у нас мыло, что нихера не понятно что на изображении.

https://rudevs.network/SJnVLYQm7

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

Привет ребят, вопрос чисто по структуре, если на странице несколько форм могут быть, стоит формы в отдельный компонент выносить? И не является ли плохим тоном если я передаю какието данные через пропсы в третий компонент в цепи типа Клнтейнер -> компонент А(ему эти пропсы не нужны) -> компонент Б(ему нужны)

Привет ребят, вопрос чисто по структуре, если на странице несколько форм могут быть, стоит формы в отдельный компонент выносить? И не является ли плохим тоном если я передаю какието данные через пропсы в третий компонент в цепи типа Клнтейнер -> компонент А(ему эти пропсы не нужны) -> компонент Б(ему нужны)

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

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

понял, спасибо, еще такой вопрос: тупые компоненты к редакс лучше не прикручивать да!? я вот нашел такую штуку как context и она представляет из себя что-то типа редакс на минималках, можно ли его прикручивать к тупому или надо обязательно прикручивать к умному и передавать?

прошу прощения, если сморозил чушь

понял, спасибо, еще такой вопрос: тупые компоненты к редакс лучше не прикручивать да!? я вот нашел такую штуку как context и она представляет из себя что-то типа редакс на минималках, можно ли его прикручивать к тупому или надо обязательно прикручивать к умному и передавать?

все просто - если тебе нужно хранить и управлять локальнм состояние компонента, то нужно делать его через класс если у компонента нет своего внутреннего состояния, то делаешь stateless function component, т.е. как ты выражаешься "тупой"

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

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

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

все просто - если тебе нужно хранить и управлять локальнм состояние компонента, то нужно делать его через класс если у компонента нет своего внутреннего состояния, то делаешь stateless function component, т.е. как ты выражаешься "тупой"

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

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

надо будет попробовать

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

у SFC нет внутреннего стейта, меняя который он бы перерисовывался