Size: a a a

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

2021 February 18

AT

Alexey Tuychiev in React — русскоговорящее сообщество
А может и не может
источник

АК

Андрей Кобец... in React — русскоговорящее сообщество
DmitryZ
да, php
тогда удобнее всего через сеттаймаут слать запросы на бек за новыми данными
источник

D

DmitryZ in React — русскоговорящее сообщество
Слышал про какой то Mercury, но не знаю что это за зверь и можно ли его с пхп на бэке заюзать
источник

DK

Daniil Kuznetsov in React — русскоговорящее сообщество
DmitryZ
Слышал про какой то Mercury, но не знаю что это за зверь и можно ли его с пхп на бэке заюзать
"российская компания, крупный продавец предметов роскоши"?
источник

АК

Андрей Кобец... in React — русскоговорящее сообщество
DmitryZ
Слышал про какой то Mercury, но не знаю что это за зверь и можно ли его с пхп на бэке заюзать
На сколько я знаю на пыхе есть либы для вебсокетов но они как то мутно работают по сравнению с нодой, но вебсокеты идеально подходят для вашей задачи, можно вынести получение данных в микросервис на наде но это дорогостоющий вариант
источник

D

DmitryZ in React — русскоговорящее сообщество
а SSE для этой цели подойдёт?
источник

АК

Андрей Кобец... in React — русскоговорящее сообщество
возможно, не когда не пользовался, сокеты удобнее конечно но возможно и SSE пойдет
источник

АК

Андрей Кобец... in React — русскоговорящее сообщество
а пых на чем имено? лара? симфони?
источник

DK

Daniil Kuznetsov in React — русскоговорящее сообщество
DmitryZ
а SSE для этой цели подойдёт?
Да, но не лучше ли спросить это в бэкенд-чатах?
источник

D

DmitryZ in React — русскоговорящее сообщество
Daniil Kuznetsov
Да, но не лучше ли спросить это в бэкенд-чатах?
Вы правы, но была мысль может есть что-то специально под реакт.
источник

ПК

Павел Конин (HappyWa... in React — русскоговорящее сообщество
Может кто подсказать?
У меня есть редьюсор с двумя actions:
получение списка товаров
изменение параметров сортировки
если я вызываю в компоненте последовательно изменение параметров сортировки и получение списка товаров, то данные сортируются только после ререндера компонента.
как можно получить обновленные данные из редьюсора?
источник

V

Valerii in React — русскоговорящее сообщество
DmitryZ
при этом мне нужно постоянно слать запросы на бэк, это не вариант с точки зрения перфоманса
Ну смотря с какой периодичностью. При чем тут перфоманс не понятно. Можно лонгполингом просто
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Павел Конин (HappyWay)
Может кто подсказать?
У меня есть редьюсор с двумя actions:
получение списка товаров
изменение параметров сортировки
если я вызываю в компоненте последовательно изменение параметров сортировки и получение списка товаров, то данные сортируются только после ререндера компонента.
как можно получить обновленные данные из редьюсора?
Ты сортируешь в селекторе? Пока не сильно понятно в чем проблема у тебя
источник

DI

Dmitriy Izotov in React — русскоговорящее сообщество
DmitryZ
Что значит виртуализация?
Не, просто увидел слова большие табличные данные и подумал об этом
Виртуализация это метод отображения данных которые сейчас на экране, а те что за кадром не прорисовываются
Использовал такие штуки когда нужна была таблица без страниц и с поиском
источник

ПК

Павел Конин (HappyWa... in React — русскоговорящее сообщество
Тимофей 🛴
Ты сортируешь в селекторе? Пока не сильно понятно в чем проблема у тебя
Не совсем понял вопрос про селектор. Это инструмент?
У меня вот такое состояние у редьюсора
const initialState: ProductsListState = {
   products: [],
   isLoaded: false,
   count: 0,
   offset: 0,
   onPage: 9,
   descending: "DESC",
   orderBy: "price",
   category_id: 0
};
Соответственно, сама сортировка - изменение состояния
const sortProductsList = (state: ProductsListState, payload: SortProductsListActionPayload) => {
   return {
       ...state,
       orderBy: payload.orderBy,
       descending: payload.descending
   }
};

Я только недавно изучаю реакт, и пока что возникают сложности, на подобии этой
источник

ZT

Zhandos Tynyshtyk in React — русскоговорящее сообщество
Всем привет! Не подскажете, я использую emailRef = useRef() как атрибут ref={emailRef}для инпута и соответсвенно хочу получить данные о значении данного инпута так emailRef.current.value, вылетает ошибка что у него нет такого ключа, а если выбрать emailRef.current, то выводит <input id="username" class="form-control is-untouche…av-invalid form-control" name="username" placeholder="Enter username" type="text" value="">. Подскажите пожалуйста, как можно получить значение через ref
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Павел Конин (HappyWay)
Не совсем понял вопрос про селектор. Это инструмент?
У меня вот такое состояние у редьюсора
const initialState: ProductsListState = {
   products: [],
   isLoaded: false,
   count: 0,
   offset: 0,
   onPage: 9,
   descending: "DESC",
   orderBy: "price",
   category_id: 0
};
Соответственно, сама сортировка - изменение состояния
const sortProductsList = (state: ProductsListState, payload: SortProductsListActionPayload) => {
   return {
       ...state,
       orderBy: payload.orderBy,
       descending: payload.descending
   }
};

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

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Павел Конин (HappyWay)
Не совсем понял вопрос про селектор. Это инструмент?
У меня вот такое состояние у редьюсора
const initialState: ProductsListState = {
   products: [],
   isLoaded: false,
   count: 0,
   offset: 0,
   onPage: 9,
   descending: "DESC",
   orderBy: "price",
   category_id: 0
};
Соответственно, сама сортировка - изменение состояния
const sortProductsList = (state: ProductsListState, payload: SortProductsListActionPayload) => {
   return {
       ...state,
       orderBy: payload.orderBy,
       descending: payload.descending
   }
};

Я только недавно изучаю реакт, и пока что возникают сложности, на подобии этой
Код лучше кидать на codesandbox, gist или скриншот, если он помещается
источник

ПК

Павел Конин (HappyWa... in React — русскоговорящее сообщество
Тимофей 🛴
Селектор это функция с помощью которой ты получаешь какую то часть состояния в компоненте
Компонент получает состояние из редукса через mapStateToProps.
Далее, в sortHandle у меня следующий код:
this.props.sortProductsList(sortPayload); 
this.props.getProductsList();
Я ожидаю, что этот код изменит состояние в редуксе, после чего выполнится getProductsList - который получает данные с апи отправляя параметры сортировки из изначального стейта.
Но получается так, что состояние сортировки изменяется, но при этом getProductsList использует старое состояние
Очень коряво объяснил, не знаю, как сформулировать грамотно.

Селектор это
https://redux.js.org/recipes/computing-derived-data
"Memoized Selector"?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Павел Конин (HappyWay)
Компонент получает состояние из редукса через mapStateToProps.
Далее, в sortHandle у меня следующий код:
this.props.sortProductsList(sortPayload); 
this.props.getProductsList();
Я ожидаю, что этот код изменит состояние в редуксе, после чего выполнится getProductsList - который получает данные с апи отправляя параметры сортировки из изначального стейта.
Но получается так, что состояние сортировки изменяется, но при этом getProductsList использует старое состояние
Очень коряво объяснил, не знаю, как сформулировать грамотно.

Селектор это
https://redux.js.org/recipes/computing-derived-data
"Memoized Selector"?
Ну ты сортируешь в mapStateToProps массив products в зависимости от поля descending?
источник