variables: { id, input: { email, { …fields } } }

Огромное спасибо! Получилось 🙂

Есть массив в котором много обьектов, внутри них ещё обьекты? Как вы изменяете обьекты когда такая вложенность в redux. Пока что нашел immutability helper, кроме него слышал делят редюсеры и привязывают их к каждому объекту, что посоветуете?

Есть массив в котором много обьектов, внутри них ещё обьекты? Как вы изменяете обьекты когда такая вложенность в redux. Пока что нашел immutability helper, кроме него слышал делят редюсеры и привязывают их к каждому объекту, что посоветуете?

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

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

Работаю в react native без бэка и приходится хардкодить данные(

Работаю в react native без бэка и приходится хардкодить данные(

есть сервисы для мока

есть сервисы для мока

Не понял, типа firebase?

https://www.mockapi.io

https://www.mockapi.io

Уау, благодарю!

Ребят, кто юзает react+typescript и линтит через eslint (не tslint) - скиньте конфиг eslint в лс , пожалуйста

Ну с тслинтом каждый может) но вроде ж скоро тслинт весь в еслинт переедет, я вот и решил попробовать. Но есть проблемки.

Ребят, кто юзает react+typescript и линтит через eslint (не tslint) - скиньте конфиг eslint в лс , пожалуйста

{ "extends": "eslint-config-react-app", "rules": { "import/no-default-export": ["error", "always"] } }

он ж деприкейтед либо уже либо вот-вот

Я ещё пока не очень силен в реакте, но подскажите мне, зачем нужно использовать различные css либы, если есть css модули?

Я ещё пока не очень силен в реакте, но подскажите мне, зачем нужно использовать различные css либы, если есть css модули?

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

Я ещё пока не очень силен в реакте, но подскажите мне, зачем нужно использовать различные css либы, если есть css модули?

чистые цсс модули унылые. вот эти вот compose of и всякое такое

Ну с тслинтом каждый может) но вроде ж скоро тслинт весь в еслинт переедет, я вот и решил попробовать. Но есть проблемки.

Все, разобрался. Я думал у меня .tsx файл не линтит, а там была тупо синтаксическая ошибка и поэтому он его не мог схавать.

https://gedd.ski/post/state-machines-in-react/

https://gedd.ski/post/state-machines-in-react/

Кто-нибудь юзал такое?

От какого порога считать, много пакет весит или нет?

можно пробросить history чтоб он был доступен в redux thunk

Вывод в логе false, но идет по ветке true почему так?

- создаёшь history из createBrowserHistory - используешь Router вместо BrowserRouter и передашь ему эту хистори - также передаешь ту же хистори когда создаёшь store. у redux-thunk есть фабрика withExtraArgument или как-то так - во всех thunk теперь у тебя будет приходить (dispatch, getState, history) - можешь делать history.push

https://github.com/reduxjs/redux-thunk/blob/master/README.md#injecting-a-custom-argument вот

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

applyMiddleware(thunk.withExtraArgument({ history })) return (dispatch, getState, { history }) => { Там объекты, вроде это важно

Всем прив! Подскажите пож есть форма поиска интерактивная с подсказками для ввода и последним вводом (5 последних) стоит ли куда то вот эти 5 последний выносить в redux или можно хранить в самой форме в стейте?

Всем привет. Есть ли смысл писать самому гриды или есть достойные библиотеки для реакта? Нужна пагинация, сортировка и всё. Ну и возможно открытие деталей каких-то при клике на строку

Вывод в логе false, но идет по ветке true почему так?

никто не знает?

никто не знает?

Думаю тут из-за чего-то асинхронного

setState это асинхронная операция, мб из-за этого такое поведение

setState это асинхронная операция, мб из-за этого такое поведение

Вряд-ли. Думаю он запутал там рендер

setState это асинхронная операция, мб из-за этого такое поведение

Да, но status никто не принимает true, всегда false, должно выводить нормально

Он ведь будет этот метод вызывать на каждую смену стейта => и логи будут те же

Вряд-ли. Думаю он запутал там рендер

А что там можно запутать?

А что там можно запутать?

Не знаю. Надо чекать код. А ты уверен что ты верно построил условие тернаркой и ты верно меняешь стейт без мутаций?

Не знаю. Надо чекать код. А ты уверен что ты верно построил условие тернаркой и ты верно меняешь стейт без мутаций?

Не могу быть ни в чем уверенным, так как не работает) но вообще судя по коду должно работать так, как я задумал. Весь код на скрине, больше нет кода

Не могу быть ни в чем уверенным, так как не работает) но вообще судя по коду должно работать так, как я задумал. Весь код на скрине, больше нет кода

Отлогируй перед записью

Глянь что там и ещё раз проверь что в рендер прилетает. Вряд-ли будут разные значения

Глянь что там и ещё раз проверь что в рендер прилетает. Вряд-ли будут разные значения

Так в рендере консоль лог и там false 2 раза (изначальное и после http запроса)

Так в рендере консоль лог и там false 2 раза (изначальное и после http запроса)

А запрос тебе фолс отдает?

А запрос тебе фолс отдает?

да

да

Но в рендере он берет первый?

Кстати если сделать изначально true, то он отработает по ветке false и потом получит false и отработает по ветке true

false ? Мем с Дрейком нет : Мем с Дрейком да

Ты уверен что понял как работает с тернаркой своей при фолс?

даже так по ветке тру идет

Меняй свои компоненты

Если я ничего не упустил. Попробуй False ? "One" : "two" Если это работает, дело в твоих компонентах

false выводит two

false выводит two

Верно Так и должно быть

Верно Так и должно быть

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

А как можно дождаться загрузки данных и только потом выполнить render?

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

Странное какое то решение:) а может там вообще false строковое приходит? Ну мало ли, бывает и такое

Странное какое то решение:) а может там вообще false строковое приходит? Ну мало ли, бывает и такое

не, там в компоненте не так проверка была

А как можно дождаться загрузки данных и только потом выполнить render?

а сделать флажок isLoading и в return !isLoading ? <Component /> : null ?

А покажи как стало)

А покажи как стало)

В компоненте или его вывод?

а сделать флажок isLoading и в return !isLoading ? <Component /> : null ?

Заголовок и прочее выводиться будет

Я про скрин, который был изначально) но если ты про AuthStatus, то тогда не надо:)

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

Я про скрин, который был изначально) но если ты про AuthStatus, то тогда не надо:)

Проблема была AuthStatus

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

Да

Проблема была AuthStatus

Ясно понятно:) Просто было предположение, что data.status = 'false' а 'false' !== false

Проблема была AuthStatus

Попробуй заменить фрагмент на <> </> Или у тебя старая версия реакт

Попробуй заменить фрагмент на <> </> Или у тебя старая версия реакт

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

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

Никак. Только через родителя

Да

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

Это заголовок на всех страницах, поэтому он вынесен за пределы роута

loaded && urComponent Ну или в ребенке можешь сделать Тернаркой и если не загрузилось,то возвращать нул или emptyView

const FnComp = ({isLoading}) => { const loadingView = isLoading && "загрузка..." const defaultView = !isLoading && (ur jsx) return ( <> {emptyView} {defaultView} </> ) } Писал с мобилы. Подправь сам

Спасибо за помощь, вот так сделал

Это заголовок на всех страницах, поэтому он вынесен за пределы роута

ты можешь вынести set loading false в .finally после then

вместо return <React.fragment/> ты можешь просто вернуть null

ты можешь вынести set loading false в .finally после then

Но это будет два раза setState, соответственно 2 перерисовки вместо 1, это же хуже, не?

вместо return <React.fragment/> ты можешь просто вернуть null

Знаю, просто приятнее видеть пустой блок

подскажите правильный путь сравнивать дробные число, а то 1.00254654 > 1.00875765

подскажите правильный путь сравнивать дробные число, а то 1.00254654 > 1.00875765

Гугли в сторону floating point problem js

Гугли в сторону floating point problem js

sps, poishy :)

Лучше знать проблему в лицо :)