Легаси 15.3

Парни,сталкивался кто, что ref положенный в store redux вешает redux devtools?

Но зачем?

Скоро до нужного элемента по клику

Парни,сталкивался кто, что ref положенный в store redux вешает redux devtools?

Редакс стор должен быть сериализуем, т.е. const state = store.getState(); _.deepEqual(JSON.parse(JSON.stringify(state)), state)

Скоро до нужного элемента по клику

Ну храни в сторе его id

Скоро до нужного элемента по клику

Дай ему id

И лови на компонент дид апдейт

Не понял , если честно как мне id divа(часть уомпонента)

Поможет

Поможет

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

Я ещё санками чистил поле для реюза

Можно тупо до класснейма скроллить

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

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

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

Добавил заметочку про CORS https://github.com/artalar/blog/blob/master/src/pages/notes.md#cors

Всем привет, связку реакт редукс ковыряю, есть стор и составной(из трех) редьюсер собраный через CombineReducers, каждый подредьюсер обслуживает свою ветку стейта, компонент подключенный через connect с переданным экшеном mapDispatchToProps выбрасывает этот экшен, так вот вопрос этот экшен будет будет проваливаться через все подрьедьюсеры или в какой-то конкретный? В зависимости от подключенных к стору свойств компонента или хз еще чего? Затык в том что когда в одном редьюсере ставлю кейс на этот экшн - срабатывает, а когда переношу этот кейс в другой подредьюсер нифига, сомневаюсь конечно, что это архитектурные ограничения, но все же нужно мнение со стороны)

Накидал тут бойлерплейт свой https://github.com/OlegStotsky/React-Typescript-BoilerPlate

эм .DS_Store почему не в гитигнор?

Не заметил

Ща уберу

Накидал тут бойлерплейт свой https://github.com/OlegStotsky/React-Typescript-BoilerPlate

ммм, like cra

Шалом. Какой есть общепризнаный способ линковать поля формы к стейту и обратно, чтобы с поддержкой селектов и групп чекбоксов? Раньше был link-state-mixin, в преакте есть linkState(), а что заюзать для реакта? Без синглстейт-менеджеров чтобы

Шалом. Какой есть общепризнаный способ линковать поля формы к стейту и обратно, чтобы с поддержкой селектов и групп чекбоксов? Раньше был link-state-mixin, в преакте есть linkState(), а что заюзать для реакта? Без синглстейт-менеджеров чтобы

react-final-form

Шалом. Какой есть общепризнаный способ линковать поля формы к стейту и обратно, чтобы с поддержкой селектов и групп чекбоксов? Раньше был link-state-mixin, в преакте есть linkState(), а что заюзать для реакта? Без синглстейт-менеджеров чтобы

Просто controlled components

честно признаться, я нихера из ридми не понял

АР передает привет ^_^

Просто controlled components

Вот! Спасибо! Давно в доках не был.

АР передает привет ^_^

Кто?

не использовать эту либу лук зис https://github.com/reach/router

вы збали, вы каждый пол года будете линковать новый реакт роутер?

вы збали, вы каждый пол года будете линковать новый реакт роутер?

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

сори за правду

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

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

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

и ебаная дока

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

Как только вышел rr4 зимой, тут уже все орали что он очень херовый

А кто-то может по пунктам объяснить, что не так с рр4?

А кто-то может по пунктам объяснить, что не так с рр4?

анимации, компоненты не ререндерится даже при смене урла. Я с такими сталкивался.

вот щас ковыряюсь

в рр4

анимации, компоненты не ререндерится даже при смене урла. Я с такими сталкивался.

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

Меня в reach router смущает вот это: let Home = () => <div>Home</div> let Dash = () => <div>Dash</div> render( <Router> <Home path="/" /> <Dash path="dashboard" /> </Router> ) Вместо того, чтобы сделать компонент Route, который бы принимал аргументом, что ему надо рендерить, мне предлагают в компонент внезапно передавать аргумент path, о котором я могу знать только будучи знакомым с reach router.

Меня в reach router смущает вот это: let Home = () => <div>Home</div> let Dash = () => <div>Dash</div> render( <Router> <Home path="/" /> <Dash path="dashboard" /> </Router> ) Вместо того, чтобы сделать компонент Route, который бы принимал аргументом, что ему надо рендерить, мне предлагают в компонент внезапно передавать аргумент path, о котором я могу знать только будучи знакомым с reach router.

что-то хуйню ты сморозил

как ты прочтения доки ты собрался юзать либу?

Подумай ещё раз

И найди в определении двух компонентов выше аргумент path.

И найди в определении двух компонентов выше аргумент path.

а теперь подумай, почему было так сделано и почему это удобно

а теперь подумай, почему было так сделано и почему это удобно

Это не удобно, это херня какая-то

Это не удобно, это херня какая-то

ага ага

Хоть одна библиотека так делает, кроме этой?

Хоть одна библиотека так делает, кроме этой?

хоть одна библиотека работает лучше, чем эта?

хоть одна библиотека работает лучше, чем эта?

Рр4

Рр4

ясно, бан

И найди в определении двух компонентов выше аргумент path.

кто тебе мешает их использовать?

кто тебе мешает их использовать?

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

ок, что не так в использвоании необъявленных пропсов?

тот же самый конект в реакт редакс добавляет диспатч

????

в чем твоя проблема, чел?

Меня в reach router смущает вот это: let Home = () => <div>Home</div> let Dash = () => <div>Dash</div> render( <Router> <Home path="/" /> <Dash path="dashboard" /> </Router> ) Вместо того, чтобы сделать компонент Route, который бы принимал аргументом, что ему надо рендерить, мне предлагают в компонент внезапно передавать аргумент path, о котором я могу знать только будучи знакомым с reach router.

так можно просто Home например юзать только для оберток

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

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

ERROR: S client not available

ок, что не так в использвоании необъявленных пропсов?

Я даже теряюсь, что на это можно ответить Скажем, у тебя есть функция X. Она не принимает аргументов и просто возвращает, скажем, строку. Теперь мы вызываем эту функцию внутри другой, Y, с аргументом типа 'top' (Y(() => { X('top') })) и ВНЕЗАПНО строка начинает отображаться сверху. Норм интерфейс?

тот же самый конект в реакт редакс добавляет диспатч

Поэтому и придумали рендер-пропы, что хоки — херовый паттерн

И то, хоки сами добавляют аргументы. Тут же аргумент добавляю я сам, хотя сам компонент его не принимает даже.

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

ну типа да, поэтому я и не понимаю, чего рр4 хейтят

ну типа да, поэтому я и не понимаю, чего рр4 хейтят

За то, что он не работает так, как надо

За его херовую доку

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

С рич роутером я намного быстрей разъебал роутинги по компонентам

Вложенные роутинги и анимации

Кстати, да, а как в reach-router защищённые роуты делать?

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

Это не плюс. Это говорит о том, что без описания, сложнее реализовать

Кстати, да, а как в reach-router защищённые роуты делать?

Сначала на бекенде реализуй

зачем?..

Авторизация логин с редиректом?

Это не плюс. Это говорит о том, что без описания, сложнее реализовать

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

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

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

И как проверять залогинен он или нет

пожалуй, так и надо писать доки не знаете, как сделать <заголовок>? — ваши проблемы

Это не проблема либы

Это проблема твоего не понимая логики

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

Авторизация логин с редиректом?

Я не совсем понял причём тут бэк.. Я про то, что в rr4 делают типа {isAdmin ? <Route path="/admin" .../>: <Redirect to="/"/>} а тут так же?

Я не совсем понял причём тут бэк.. Я про то, что в rr4 делают типа {isAdmin ? <Route path="/admin" .../>: <Redirect to="/"/>} а тут так же?

а тут ты сам должен знать бгг

Я даже теряюсь, что на это можно ответить Скажем, у тебя есть функция X. Она не принимает аргументов и просто возвращает, скажем, строку. Теперь мы вызываем эту функцию внутри другой, Y, с аргументом типа 'top' (Y(() => { X('top') })) и ВНЕЗАПНО строка начинает отображаться сверху. Норм интерфейс?

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

причем тут логика редиректа в либе? ты думаешь логически: пользователь ввел данные для авторизации, нажал войти на бек ушел запрос ? нет -> выдать ошибку, не редиректить да -> редиректить на /home

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

вот тебе функция const x = () => 'kek'

не

Я не совсем понял причём тут бэк.. Я про то, что в rr4 делают типа {isAdmin ? <Route path="/admin" .../>: <Redirect to="/"/>} а тут так же?

это приватные роутеры

Я про другое. Вот у нас есть путь http://mysite/admin, как в reach-router решается задача "пустить туда только админов"?