Size: a a a

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

2020 September 22

Е

Егорка in React — русскоговорящее сообщество
Думал костыль...
источник

I

IceBerg in React — русскоговорящее сообщество
Maxim Koylo
никак
А как же второй параметр/колбек в setState?
источник

VP

Vitaliy Ponomarev in React — русскоговорящее сообщество
Егорка
Как лучше поступить в таком случае?
или можно использовать callback у setState и в нём уже отправить новое состояние

или componentDidUpdate

https://ru.reactjs.org/docs/react-component.html#setstate
источник

VP

Vitaliy Ponomarev in React — русскоговорящее сообщество
Егорка
Думал костыль...
в принципе правильно думал
источник

Е

Егорка in React — русскоговорящее сообщество
Не могу найти пример с использованием callback'a, можно где-то синтаксис его найти?
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
IceBerg
А как же второй параметр/колбек в setState?
а я даже забыл о нем, ну ок но если у нас хуки то все)
источник

VP

Vitaliy Ponomarev in React — русскоговорящее сообщество
Maxim Koylo
а я даже забыл о нем, ну ок но если у нас хуки то все)
ну в песочнице-то классы )
источник

Е

Егорка in React — русскоговорящее сообщество
Да, ситуация возникла такая в классах, потому их и продемонстрировал
источник

I

IceBerg in React — русскоговорящее сообщество
Maxim Koylo
а я даже забыл о нем, ну ок но если у нас хуки то все)
Да, но там через useEffect всё легко решается
источник

k

kaneru in React — русскоговорящее сообщество
Здравствуйте, у меня такой вопрос: кто как управляет query params? У меня в проекте есть страница поиска, где можно фильтровать, сортировать и пагинировать документы. Пока реализовал довольно костыльно: значения фильтров храню в объекте, где ключи тип фильтра, значения массивы чисел в редаксе, такой же подход с сортировкой, просто храню строку в редаксе. Когда надо отобразить изменения этих компонентов в урле использую хук useLocation из react-router-dom и URLSearchParams. На скриншотах показана обработка фильтров (когда что-то отмечаю в фильтре, в урле должно отобразиться это изменение, и наоборот , если иду по ссылке с параметром, например, ?doctypes=1,6,3, компонент должен распарсить параметры и отрисовать уже фильтры с отмеченными значениями).

Я не могу понять, как правильно решать эту задачу. Какие есть best practices в отношении данной задачи? Смотрю в сторону библиотеки use-query-params, но пока не знаю 🤷‍♂️
источник

k

kaneru in React — русскоговорящее сообщество
источник

k

kaneru in React — русскоговорящее сообщество
источник

Е

Егорка in React — русскоговорящее сообщество
Vitaliy Ponomarev
или можно использовать callback у setState и в нём уже отправить новое состояние

или componentDidUpdate

https://ru.reactjs.org/docs/react-component.html#setstate
https://codesandbox.io/s/awesome-monad-lk2u8?file=/src/App.js
Вот так сделал, все верно получается?
источник

ʙ

ʙᴀᴋʜʀᴏᴍ in React — русскоговорящее сообщество
Сергей
Какого-нибудь не достаточно.
Какой проект/курс надо сделать, чтобы джуном на удалёнку попасть ? Ну нет в городе нормальных контор, а для фриланса и продакшн проектов моих навыков не хватает.
Попробуй разработать клиентскую часть инет магазина на Реакте или же сразу на Next.js. Чтобы была корзина для добавления товаров и т.д. Да, будет не легко, но после этого проекта ты здорово поднимешь свои навыки. Это мое мнение. Не надо вертеть в голове что ты джун, просто начни разрабатывать по ходу научишься. Но в начале конечно же нужно понимать базовые концепции реакта и веба в целом
источник

VP

Vitaliy Ponomarev in React — русскоговорящее сообщество
да, как вариант решения через callback - верно.
источник

С

Сергей in React — русскоговорящее сообщество
ʙᴀᴋʜʀᴏᴍ
Попробуй разработать клиентскую часть инет магазина на Реакте или же сразу на Next.js. Чтобы была корзина для добавления товаров и т.д. Да, будет не легко, но после этого проекта ты здорово поднимешь свои навыки. Это мое мнение. Не надо вертеть в голове что ты джун, просто начни разрабатывать по ходу научишься. Но в начале конечно же нужно понимать базовые концепции реакта и веба в целом
Проблема возникала когда я хотел реализовать деление товаров на категории и фильтр товаров по разным критериям. CRUD операции со списками и корзину я могу сделать, но это будет кривенький прототип, чем реальное приложение.
источник

ЮЧ

Юрий Ч in React — русскоговорящее сообщество
Где можно прочитать что имеются какие то гарантии что state с одинаковым именем создаётся в одном экземпляре в памяти системы
источник

ЮЧ

Юрий Ч in React — русскоговорящее сообщество
Я имею ввиду здесь память низкоуревневую
источник

ʙ

ʙᴀᴋʜʀᴏᴍ in React — русскоговорящее сообщество
Сергей
Проблема возникала когда я хотел реализовать деление товаров на категории и фильтр товаров по разным критериям. CRUD операции со списками и корзину я могу сделать, но это будет кривенький прототип, чем реальное приложение.
Да не обязательно api иметь. просто в вставляй критерии поиска в state и при обновлении стейта смотри в консоли или же на месте товаров отображай выбранные значении dropdown.
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Юрий Ч
Где можно прочитать что имеются какие то гарантии что state с одинаковым именем создаётся в одном экземпляре в памяти системы
Какое имя у state?
источник