Size: a a a

React — русскоговорящее сообщество

2020 July 14

И

Иван in React — русскоговорящее сообщество
Dmitry Samoylov
Коллеги, есть вопрос. У меня есть приложение, довольно долго создаваемое. Если вкратце, там карта с разными гео-объектами и сайдбар с деталями по ним же. Приложение с redux, все режимы работы карты, варианты вывода данных, фильтры и т.п. зашиты в стейт. Теперь есть желание сделать нормальную работу с URL, т.е. роутер не роутер, а всё-таки часть стейта, которая относится к текущему режиму работы и фильтрам должна быть отражена в URL, чтобы можно было линк давать на конкретный вид / стейт приложения.

Вот и вопрос - стоит ли мне заморачиваться с роутером, раз у меня то что приходит в URL должно просто отразиться в стейт, или можно реализовать механизм попроще - при изменении стейта апдейтить текущий урл как-то без перезагрузки страницы, а при загрузке просто парсить данные урла и вбивать их в стейт?
при инициализации стора можно передать initialState. перед тем, как создать стор, вычисли начальное состояние из window.location

закрути какую-нибудь мидлварю для работы с сайд-эффектами — redux-thunk или redux-saga, в этой мидлваре при изменении стора меняй url через window.history

всё
источник

DS

Dmitry Samoylov in React — русскоговорящее сообщество
Иван
при инициализации стора можно передать initialState. перед тем, как создать стор, вычисли начальное состояние из window.location

закрути какую-нибудь мидлварю для работы с сайд-эффектами — redux-thunk или redux-saga, в этой мидлваре при изменении стора меняй url через window.history

всё
Спасибо!
источник

И

Иван in React — русскоговорящее сообщество
Dmitry Samoylov
Спасибо!
https://medium.com/weekly-webtips/storing-filters-to-url-in-react-redux-app-2e54437b3211

вот тут вроде неплохо расписано. только чувак написал свою, кастомную мидлварю. это рабочий подход и имеет право на существование, но кастомные мидлвари — это путь в ад. слишком велик соблазн наваять “божественную мидлварю” — велосипедище, который делает всё.

всё в твоих руках
источник

И

Иван in React — русскоговорящее сообщество
Иван
https://medium.com/weekly-webtips/storing-filters-to-url-in-react-redux-app-2e54437b3211

вот тут вроде неплохо расписано. только чувак написал свою, кастомную мидлварю. это рабочий подход и имеет право на существование, но кастомные мидлвари — это путь в ад. слишком велик соблазн наваять “божественную мидлварю” — велосипедище, который делает всё.

всё в твоих руках
хотя, у него там саги каким-то боком есть… короче, надо разбираться
источник
2020 July 15

TG

Timofey Goncharov in React — русскоговорящее сообщество
Пишу свое решение для работы с формами. Уже заюзал в проде и очень доволен результатом. formik и redux-form на мой взгляд мене удобные и гибкие, зато весят значительно больше. Интересно ваше мнение. Очень похоже на react-hook-form, но в отличии от него state формы может быть в любой момент расшарен на уровне всего приложения.

http://effector-react-form.webstap.ru/en/examples/simple-form-local

redux-form в 6 раз больше по размеру
formik в 3 раза
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Timofey Goncharov
Пишу свое решение для работы с формами. Уже заюзал в проде и очень доволен результатом. formik и redux-form на мой взгляд мене удобные и гибкие, зато весят значительно больше. Интересно ваше мнение. Очень похоже на react-hook-form, но в отличии от него state формы может быть в любой момент расшарен на уровне всего приложения.

http://effector-react-form.webstap.ru/en/examples/simple-form-local

redux-form в 6 раз больше по размеру
formik в 3 раза
А теперь предлагаю тебе сделать так, чтобы вся форма на каждый чих не перерендеривалась полностью
источник

M

MarshMello in React — русскоговорящее сообщество
здраствуйте можете сказать почему не получается поменять язык на русский в moment.js ?
источник

M

MarshMello in React — русскоговорящее сообщество
lang('ru') не помогает
источник

IN

Igor N in React — русскоговорящее сообщество
MarshMello
здраствуйте можете сказать почему не получается поменять язык на русский в moment.js ?
источник

a

artalar in React — русскоговорящее сообщество
Андрей Звёздочка
А теперь предлагаю тебе сделать так, чтобы вся форма на каждый чих не перерендеривалась полностью
=(((
источник

UU

Unknown Unknown in React — русскоговорящее сообщество
Еще раз доброго времени суток, скажите пожалуйста как найти человека, который сможет посмотреть код, и помочь в решении проблемы, на данный момент проблем становиться очень много, сам я не силен в React
источник

И

Иван in React — русскоговорящее сообщество
Unknown Unknown
Еще раз доброго времени суток, скажите пожалуйста как найти человека, который сможет посмотреть код, и помочь в решении проблемы, на данный момент проблем становиться очень много, сам я не силен в React
фриланс-биржи, @javascript_jobs
источник

UU

Unknown Unknown in React — русскоговорящее сообщество
Иван
фриланс-биржи, @javascript_jobs
Большое спасибо
источник

D

Dmitry in React — русскоговорящее сообщество
Timofey Goncharov
Пишу свое решение для работы с формами. Уже заюзал в проде и очень доволен результатом. formik и redux-form на мой взгляд мене удобные и гибкие, зато весят значительно больше. Интересно ваше мнение. Очень похоже на react-hook-form, но в отличии от него state формы может быть в любой момент расшарен на уровне всего приложения.

http://effector-react-form.webstap.ru/en/examples/simple-form-local

redux-form в 6 раз больше по размеру
formik в 3 раза
Чёт жесть
Контролёр в инпут
Внутри ещё раз функция
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Dmitry
Чёт жесть
Контролёр в инпут
Внутри ещё раз функция
Это мелочи. Просто другой подход
источник

И

Иван in React — русскоговорящее сообщество
Dmitry
Чёт жесть
Контролёр в инпут
Внутри ещё раз функция
Частичное применение. Ну частичное. Ну применение. Что, теперь угорать с него что ли?)
источник

D

Dmitry in React — русскоговорящее сообщество
Ну и там по примеру не понятно что может
Написать инишиал стейт и юзредьюс по функционалу тоже самое

state dispatch = useReduce({name:1}, fn)

onChange={dispatch({field: name, value: 2})}
источник

В

Влад in React — русскоговорящее сообщество
Dmitry
Ну и там по примеру не понятно что может
Написать инишиал стейт и юзредьюс по функционалу тоже самое

state dispatch = useReduce({name:1}, fn)

onChange={dispatch({field: name, value: 2})}
Это курс какой-то?
источник

В

Влад in React — русскоговорящее сообщество
Или ты в доке копаешь
источник

D

Dmitry in React — русскоговорящее сообщество
Влад
Это курс какой-то?
Не понял
Это обычный хук useReduce
Я просто сократил код
источник