redom кто-нибудь пользовался? Как оно вообще, какие проблемы?

redom кто-нибудь пользовался? Как оно вообще, какие проблемы?

Codestats.net на нем

Я проверил willUnmount, он триггерится. Что ты имеешь в виду?

Когда ты снова заходить на роут

Какой у тебя стейт

Народ, могу ли я использовать селекторы в других местах, кроме view? потребовался селектор внутри санок в который буду передавать санковский getState(). (с точки зрения качества кода, просто реально по другому никак не сделать, мне надо перед диспатчем обрабатывать данные, а обрабатывать данные я могу только денормализованные, а денормализатор лежит в селекторе)

Да, везде юзай, где нужно что-то получить из стейта. Селекторы - это api к твоему стору

Привет, подскажите плиз, есть способ отслеживать изменение хеша урла при изменении вручную в реакт роутере?

Какой у тебя стейт

новый (пустой) из конструктора

Да, везде юзай, где нужно что-то получить из стейта. Селекторы - это api к твоему стору

Это пайпы

новый (пустой) из конструктора

Тогда смотри что gDSFP делает иначе из-за другого параметра в роуте

А вообще залей код на гист и кидай

Это пайпы

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

код на гисте нужно будет вычищать от всего лишнего же, там 90% не относящегося к делу, долго :(

https://gist.github.com/git4t3ch/2b5c11eab086fdd2e8fd7e39bd1c4f76

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

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

Сет стейт не всегда вызывает ререндер

Сет стейт не всегда вызывает ререндер

как это?

Сет стейт не всегда вызывает ререндер

так у меня нигде нет сет стейта

так у меня нигде нет сет стейта

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

как это?

Почитай доку

Почитай доку

вызови сетстейт и в render выведи console.log(1) - не во всех случаях сработает хочешь сказать?

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

но откуда на текущем шаге gDSFP получает стейт из предыдщего шага? просто этих данных уже не существует же в текущем скоупе (не скоуп, но в общем не существует!)

вызови сетстейт и в render выведи console.log(1) - не во всех случаях сработает хочешь сказать?

Почитай доку, сет стейт работает не так как ты думаешь, как минимум он асинк, и когда ты очень часто его вызываешь то не на каждый его вызов будет ререндер

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

да он асинхронный - это я вкурсе, но при срабатывании setstate вывывется функция render

если их будет много он вызовет его один раз и в этот вызов и будет рендер

если их будет много он вызовет его один раз и в этот вызов и будет рендер

сделай так, чтобы у тебя был один сетстейт

если их будет много он вызовет его один раз и в этот вызов и будет рендер

https://reactjs.org/docs/react-component.html#setstate

то есть вот такой лог в консоли container props: undefined props (gDSFP): undefined state (gDSFP): { empty } container props: { data } props (gDSFP): { data } state (gDSFP): { OLD DATA } как?..

я ж говорю, просто почитай доку

я ж говорю, просто почитай доку

да я знаю как работает сетстайт мне не особо нужна дока для этого и я ее читал)

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

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

Соре но ты не прав

???????

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

исключая scu

Как вам код? https://pastebin.com/x2APEMb5

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

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

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

ну говорить и я мастак)

ок) не важно)

Как вам код? https://pastebin.com/x2APEMb5

всё хуйня давай по новой

Как вам код? https://pastebin.com/x2APEMb5

Ужас

Ужас

А что не так?

А что не так?

Все не так

да он троллирует

записки сумашедшего

Как вам код? https://pastebin.com/x2APEMb5

Совы на тебя нет, он бы рассказал ?

?А вообще как такой код вообще можно было написать? Это же нечитаемое, непонятное дерьмо

Как вам код? https://pastebin.com/x2APEMb5

Где JQuery и Bootstrap?

Где JQuery и Bootstrap?

Зачем bootstrap? Можно SC прицепить и норм будет

да он троллирует

Очень сильно, я бы не смог так, ума не хватит

Как вам код? https://pastebin.com/x2APEMb5

присваивать переменной элемент, а потом пушить все переменные в массив — это вобще не круто

Очень сильно, я бы не смог так, ума не хватит

согласен, жирненько, очевидненько

Да я просто откопал этот код из старых репов

Это был мой первый раз когда я вообще писал на React и второй раз когда использовал js

Да я просто откопал этот код из старых репов

Закапывай обратно )))

Это был мой первый раз когда я вообще писал на React и второй раз когда использовал js

жетско, я в таком возрасте тудушки делал

жетско, я в таком возрасте тудушки делал

Мне было 17, я не знал что такое gulp, не видел разницы между es5 и es6+ и тд

Мне было 17, я не знал что такое gulp, не видел разницы между es5 и es6+ и тд

мне было 16

И мне дали 2 часа на то что бы все это сделать

Когда я первый раз с этим сталкивался

И мне дали 2 часа на то что бы все это сделать

и потом сказали, мы вам перезвоним

Мне было 17, я не знал что такое gulp, не видел разницы между es5 и es6+ и тд

Реакт 15? И тебе было 17?

ERROR: S client not available

Сейчас 19 на носу

17 ток

а ок, как будто это было вчера

Сейчас 19 на носу

лол, аналогично

Я про год

а

я думал лет

ахахах

Кто-то юзает либы для работы с JSON API? Или просто делаете запрос на api из actions? И, если юзаете, то какой профит?

Кто-то юзает либы для работы с JSON API? Или просто делаете запрос на api из actions? И, если юзаете, то какой профит?

JSON API это parse и stringify ?

JSON API это parse и stringify ?

Это спецификация http://jsonapi.org/

Это спецификация http://jsonapi.org/

?ну это же обычный ответ с бекенда ?

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

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

Вообще есть название этого паттерна, но я его не помню

?ну это же обычный ответ с бекенда ?

Да, но ответ приходит в строго оговоренном формате, плюс можно делать сложные includ'ы

Да, но ответ приходит в строго оговоренном формате, плюс можно делать сложные includ'ы

?и в чем проблема?

https://www.simform.com/react-performance/

?и в чем проблема?

Не проблема, а вопрос, должен ли быть дополнительный слой абстракции, скрывающий работу c API, или это излишне

Не проблема, а вопрос, должен ли быть дополнительный слой абстракции, скрывающий работу c API, или это излишне

да должен

Ребят, сейчас возможно будет немного глупый для кого-то вопрос, но пожалуй начну, предположим у меня на сайте есть авторизация, я к примеру в куки сохраняю токен и потом при каждой загрузки страницы, мне нужно отправить его на сервер и получить данные пользователя и вынести в стор (redux). Где лучше всего делать логику связанную с эти т.е прочесть куки -> отправить на сервер -> в зависимости от этого по разному отобразить компоненты. Думал сделать какой-то init модуль и руками диспатчить стор т.е не внутри какого-то компонента

кто использовал Yup для валидации?

кто использовал Yup для валидации?

https://rudevs.network/SJnVLYQm7

Ребят, сейчас возможно будет немного глупый для кого-то вопрос, но пожалуй начну, предположим у меня на сайте есть авторизация, я к примеру в куки сохраняю токен и потом при каждой загрузки страницы, мне нужно отправить его на сервер и получить данные пользователя и вынести в стор (redux). Где лучше всего делать логику связанную с эти т.е прочесть куки -> отправить на сервер -> в зависимости от этого по разному отобразить компоненты. Думал сделать какой-то init модуль и руками диспатчить стор т.е не внутри какого-то компонента

я бы в миддлваре всю эту кухню с токенами делал

Ребят, кто использовал Yup для валидации? Хочу валидировать массив из объектов "contacts":[ { "type":"mobile", "remarks":"private", "isPrimary":true, "value":"(681) 123 456 789" }, { "type":"mobile", "remarks":"other", "value":"(545) 212-1571" }, { "type":"email", "remarks":"work", "value":"omopef@os.sk" }, { "type":"email", "value":"added_via_user_page@mail.com", "remarks":"added via user page in contact card" } ] как-то так? validationSchema={Yup.object().shape({ contacts: Yup.array.of(Yup.object( ... )) })}Количество полей - динмическое И может быть несколько полей одного и того-же типа Мне нужно кондиционально определить только если элемент массива является type=email и тогда валидировать его Пока делаю так validationSchema={Yup.object().shape({ contacts: Yup.array.of(Yup.object( ... )) })} не знаю как подступить Вот здесь сниппет кода https://paste.ofcode.org/cW2dp8Cic2bEtAnnrVyF9d Вот здесь сама форма с динамическими полями: https://paste.ofcode.org/3c3iMaA2qFdxDsFyhHa6vhU Нужно ли предоставить еще какую-то дополнительную информацию?

Посоны, посоветуйте eslint плагины полезные (по вашему мнению). Спасибо заранее.

Посоны, посоветуйте eslint плагины полезные (по вашему мнению). Спасибо заранее.

линти все с чем рабтаешь, не прогодаешь)

@livemirsi был какой-то классный плагин, который находил критические ошибки в коде. Забыл как он называется. Ну и хочется все пропсы и зависимости и ключи в объектах в алфавитном порядке поставить. Если можешь что-то посоветовать, буду только рад.

@livemirsi был какой-то классный плагин, который находил критические ошибки в коде. Забыл как он называется. Ну и хочется все пропсы и зависимости и ключи в объектах в алфавитном порядке поставить. Если можешь что-то посоветовать, буду только рад.

ну с упорядочиванием ЕМНИП и prettier правильно настроенный может справиться. Хотя лично я предпочитаю упорядочивание ключей, зависимостей отключать