Всем привет. Хочу сделать систему лайоута, но не получается из за того что не перекидываются данные из children в layout. Делаю как по статье https://sergiotapia.me/different-layouts-with-react-router-71c553dbe01d

Только вместо Router юзаю import { BrowserRouter, Route } from 'react-router-dom';

может быть в этом разница?

Как бороться с этим? Строю pva на react. Ошибка только в сафари

Вот как ни странно, суть проблемы описана в ошибке

Всем привет. Хочу сделать систему лайоута, но не получается из за того что не перекидываются данные из children в layout. Делаю как по статье https://sergiotapia.me/different-layouts-with-react-router-71c553dbe01d

Туториал староват. Тут rr3 используют. В rr4 слегка по-другому делают

Тут уже выбирать: использовать react-router-config или играться с <Switch />

Вот как ни странно, суть проблемы описана в ошибке

Если бы еще было понятно

Проверь, не забыл ли ты слеши в конце реквестов

Или ещё какую-нибудь херню в таком духе

Тут уже выбирать: использовать react-router-config или играться с <Switch />

Хорошо спасибо. Попробую поискать статейки для rr4

Проверь, не забыл ли ты слеши в конце реквестов

Нет никаких реквестов, в том то и дело, если ты мне

Просто регистр и проверка состояния

А картинки у тебя sw не кэширует?

Или ещё какую требуху в этом духе

Там все пути нормально прописаны?

Там все пути нормально прописаны?

Сори, что без кода, напишу со скринами, если не решу

Думал может что тривиальное или специфичное для сафари

Остальные то работают

Привет, уважаемые... Начал изучать React, почитал немного про связку из React+Redux. На сколько понял — их связывают для того, чтобы было легко управлять state'ом из дочерних компонентов. После, увидел, что в React есть собственный contextAPI, правильно ли я понимаю, что это некий аналог Redux'у и появившийся сравнительно недавно? Правильно ли понимаю, что в коде на последних версиях React'а можно обходиться и без Redux'а для того-же обновления state'а? Ну и в дагонку: ImmutableJS судя по всему идеально подходит для всех этих манипуляций со state'ом... Извините, если вопросы уж совсем ламерские... Готов к поливанию грязью ?

Привет, уважаемые... Начал изучать React, почитал немного про связку из React+Redux. На сколько понял — их связывают для того, чтобы было легко управлять state'ом из дочерних компонентов. После, увидел, что в React есть собственный contextAPI, правильно ли я понимаю, что это некий аналог Redux'у и появившийся сравнительно недавно? Правильно ли понимаю, что в коде на последних версиях React'а можно обходиться и без Redux'а для того-же обновления state'а? Ну и в дагонку: ImmutableJS судя по всему идеально подходит для всех этих манипуляций со state'ом... Извините, если вопросы уж совсем ламерские... Готов к поливанию грязью ?

"да, но есть нюансы..." на все три вопроса

"да, но есть нюансы..." на все три вопроса

Хм)) Ну... Хоть теперь +/- уверен, что не "забрел не в ту степь")) Опять же, если всё верно понимаю, один из неплохих подходов: state из нужного компонента оборачивается в Provider, передается дочерним компонентам, все что можно и удобно запихнуть в Immutable туда запихивается и уже в дочерних эллементах вызывается тот-же setState, с новыми данными и т.п.?

Хм)) Ну... Хоть теперь +/- уверен, что не "забрел не в ту степь")) Опять же, если всё верно понимаю, один из неплохих подходов: state из нужного компонента оборачивается в Provider, передается дочерним компонентам, все что можно и удобно запихнуть в Immutable туда запихивается и уже в дочерних эллементах вызывается тот-же setState, с новыми данными и т.п.?

Не, это уже жесть какая-то. Должен быть один источник истины: стор. И меняться он должен через экшены->редьюсеры. Внутренний стейт компонентов в провайдеры совать не надо

не юзай immutablejs)

Не, это уже жесть какая-то. Должен быть один источник истины: стор. И меняться он должен через экшены->редьюсеры. Внутренний стейт компонентов в провайдеры совать не надо

Ага. Понял. Значит, их contextAPI все же не тот-же Redux))) Спасибо, за наставление ?

Привет всем ! Начинаю учить react! Ищу ментора Или человека готового помочь

не юзай immutablejs)

Так он плох?)) Вроде работа с Map'ом вполне себе комфортна))

да не, он хорош

Так он плох?)) Вроде работа с Map'ом вполне себе комфортна))

Он хорош, если использовать с умом.

вообще тут хорошо написано https://redux.js.org/recipes/usingimmutablejs

какие там + и -

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

О, отлично. В доках Redux'а не заметил про Immutable часть) Надо будет обязательно прочесть)

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

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

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

Ну да... Без него это один из вариантов под копирование объектов)

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

Взглянул на примеры кода. Классно) Добавил в закладки)

Уважаемые объясните что я делаю не так ? https://codepen.io/anon/pen/GYqVBM

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

> не такой богатый апи конечно как у immutable весь родной синтаксис языка в распоряжении для тебя "не такой богатый апи"?)))

https://www.npmjs.com/package/redux-freeze вот тебе небольшая мидлвара для фриза

Привет всем ! Начинаю учить react! Ищу ментора Или человека готового помочь

А по скилу в жс как ?

Привет всем ! Начинаю учить react! Ищу ментора Или человека готового помочь

Гугол топ ментор бтв

> не такой богатый апи конечно как у immutable весь родной синтаксис языка в распоряжении для тебя "не такой богатый апи"?)))

закрутил)) в общем то да, просто у immutable есть несколько плюшек типа дефолтных значений, getIn не падает на вложенных объектах если там undefined на каком то уровне ну и merge тоже хорош

https://www.npmjs.com/package/redux-freeze вот тебе небольшая мидлвара для фриза

Тоже удобно... Чувствую, еще много библиотек под Redux надо будет перерыть)) Ламерский вопрос: в __DEV__ хранится булево значение текущего типа сборки в Webpack? Вроде раньше нужно было вручную пробрасывать через добавление плагина в Webpack... Или это что-то другое?

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

а как к mobX относитесь?

а как к mobX относитесь?

Топчик

а как к mobX относитесь?

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

закрутил)) в общем то да, просто у immutable есть несколько плюшек типа дефолтных значений, getIn не падает на вложенных объектах если там undefined на каком то уровне ну и merge тоже хорош

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

Топчик

зашквар?

зашквар?

Я ж говорю. Топчик

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

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

Ещё и хз где делать toJS

Че за стереотип не юзать его на больших проектах ?‍♂️

Тип в селекторе это херово

Тип в селекторе это херово

потому что вернется новая ссылка на объект

всегда

Ну это вроде не самая большая проблема

Вроде вообще перевод затратная операция

А нафмга вы вообще. теребите. toJs в селекторах? Это для сериализации. же

Лол

Без палева

ERROR: S client not available

А нафмга вы вообще. теребите. toJs в селекторах? Это для сериализации. же

не хочется во всех компонентах сидеть писать obj.get('field')

obj.field ?

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

не хочется во всех компонентах сидеть писать obj.get('field')

А Record зачем потребовался?

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

Proxy медленный ?

Ну пока новый то возможно

Смотря что делать

Бля перехвата set,get норм

А Record зачем потребовался?

а что record? в нем проперти тоже через get достаются на сколько я знаю

Observable и никаких проблем ?

Тут же можно задать вопросы по стилям?

https://pastebin.com/s47zPQbY

на компоненты еще не разбивал, вот снизу такой большой отступ, как только не пытался пофиксить :(

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

The immutable JS reducer takes about 400ms, and the immer reducer takes about 4 seconds

The immutable JS reducer takes about 400ms, and the immer reducer takes about 4 seconds

кинь статейку, надо почитать...

нашел

любопытно)

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

Ребят,есть где примеры пусть даже простенькие связки сервера на ноде и фронт на реакте?

Привет, уважаемые... Начал изучать React, почитал немного про связку из React+Redux. На сколько понял — их связывают для того, чтобы было легко управлять state'ом из дочерних компонентов. После, увидел, что в React есть собственный contextAPI, правильно ли я понимаю, что это некий аналог Redux'у и появившийся сравнительно недавно? Правильно ли понимаю, что в коде на последних версиях React'а можно обходиться и без Redux'а для того-же обновления state'а? Ну и в дагонку: ImmutableJS судя по всему идеально подходит для всех этих манипуляций со state'ом... Извините, если вопросы уж совсем ламерские... Готов к поливанию грязью ?

Есть локальный стейт, есть глобальный, подумай об этом

Есть локальный стейт, есть глобальный, подумай об этом

Ну... Redux это что-то типа глобального, а сам стате у компонентов — локальный. Верно понимаю?

Подскажите как в immutablejs рекурсивно обойти массив и найти нужный элемент. Структура такая примерно, [{ id: 0, children: [{id: 1}, {id: 2, children: []}] }, ... ] Строю дерево, нужно редактировать узлы в редаксе

В редаксе лучше хранить только самый минимум

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

В редаксе лучше хранить только самый минимум

лул

Ну... Redux это что-то типа глобального, а сам стате у компонентов — локальный. Верно понимаю?

В редаксе стэйт приложения. Часто стэйт компонента не нужно пихать в редакс.

Подскажите как в immutablejs рекурсивно обойти массив и найти нужный элемент. Структура такая примерно, [{ id: 0, children: [{id: 1}, {id: 2, children: []}] }, ... ] Строю дерево, нужно редактировать узлы в редаксе

Ручками реккурсивно.

лул

Можно хоть всё запихнуть, при желании