А почему все карточки ререндерятся? Скорее всего там что неоптимально на стор подписаны они🤔
они перередериваются, потому что они все слушают изменение currentTrack:) а это роле меняется всякий раз, когда меняется трек в плеере)
Vladislav
Nikolai
Эти споры насчёт редакс, мобх и эффектора напоминают споры таксистов на жигулях: лучше феррари или бентли? Какая разница что лучше, если уже взяты были жигули
🦜
Эти споры насчёт редакс, мобх и эффектора напоминают споры таксистов на жигулях: лучше феррари или бентли? Какая разница что лучше, если уже взяты были жигули
Ну если взял жигуль, продавай побырей, пока ездит и меняй тачку
Nikolai
они перередериваются, потому что они все слушают изменение currentTrack:) а это роле меняется всякий раз, когда меняется трек в плеере)
Вы currentTrack что-ли в key им запихали? Покажите jsx компонента
🦜
Хули ты как васян
🦜
Если васян в Турцию поедет ты тоже поедешь?
Andrew
Токсичность
Nikolai
У попугая явно какая то детская травма на фоне редакса была. Который день захожу - бомбит)
Kurzdor
или опять получишь от кого то ро
Kurzdor
я?
ничего
Nikolai
Если васян в Турцию поедет ты тоже поедешь?
Если в проекте было принято такое архитектурное решение на этапе планирования, то с этим надо жить. Как бы плох редакс не был - это рабочее решение и советовать на любой вопрос выпиливать его ничем человеку не поможет
Sergey
Вместо того, чтобы пройтись по дереву компонентов и понять, что вызывает ререндер, опять спор хер пойми о чём.
Sergey
Круто
Sergey
Небось подписано всё подряд на изменение стейта
Kurzdor
PureComponent/shouldComponentUpdate
🦜
Если в проекте было принято такое архитектурное решение на этапе планирования, то с этим надо жить. Как бы плох редакс не был - это рабочее решение и советовать на любой вопрос выпиливать его ничем человеку не поможет
>Рабочее. Удачи зарилизить фичу с редаксом менее, чем за пару дней
Nikita
Kurzdor
для хуков хз
Vladislav
Вы currentTrack что-ли в key им запихали? Покажите jsx компонента
во
function TrackCard(props) {
const {track} = props;
return (
<div className={'track' + ( track.isPlaying ? ' track--active' : '')} onClick={() => props.setCurrentTrack(props.track)}>
...
</div>
)
}
const mapStateToProps = (state) => ({
currentTrack: getCurrentTrack(state)
});
const mapDispatchToProps = (dispatch) => ({
setCurrentTrack: (track) => dispatch(ActionCreator.setCurrentTrack(track))
});
export default connect(mapStateToProps, mapDispatchToProps)(TrackCard);
Kurzdor
shouldComponentUpdate отдает true если надо апдейтить компонент, фолз когда нет
Kurzdor
🦜
Kurzdor
про хуки тут https://reactjs.org/docs/hooks-faq.html#how-do-i-implement-shouldcomponentupdate
Nikita
В should напиши
this.props.currenttrack.id === props.id => return true, иначе false
Nikita
Ну и тож самое для предыдущего трека prevprops.cureenttrack.id
Vladislav
спасибо за помощь!
Sergey
У кого нибудь было такое, адаптивный дизайн Ctrl+Shift+m включается в Mozilla и обратно не выключается?
Anton
Всем привет, подскажите плз решение, с гуглом не смог найти. Есть видеосервер, он вещает в протоколе rtsp, нужно вывести видео с этого формата в веб,
и чтобы была возможность с клиента менять ссылки rtsp, для переключения камер. Находил решение node-rtsp-stream, но там не понятно как менять rtsp ссылки.
Может кто знает готовые решения, библиотеки какие или пример кода, как подобную проблему решают?
Anton
ща гляну че такое, спс
Mr. Sam
Привет. Что React VR?
A
Всем привет, подскажите плз решение, с гуглом не смог найти. Есть видеосервер, он вещает в протоколе rtsp, нужно вывести видео с этого формата в веб,
и чтобы была возможность с клиента менять ссылки rtsp, для переключения камер. Находил решение node-rtsp-stream, но там не понятно как менять rtsp ссылки.
Может кто знает готовые решения, библиотеки какие или пример кода, как подобную проблему решают?
Решал такую же проблему, веб не поддерживает проток rtsp для вывода кадров. Используйте ffmpeg, декодируйте или в mp4, или в hls или картинки. Оптимальнее всего слать через websocket кадры
Anton
Решал такую же проблему, веб не поддерживает проток rtsp для вывода кадров. Используйте ffmpeg, декодируйте или в mp4, или в hls или картинки. Оптимальнее всего слать через websocket кадры
Спасибо, а не подскажите пример есть какой серверной части для декадирования, чтобы можно было менять ссылку rtsp, и по тому же вебсокету прилетали данные
A
Aizada
import React from 'react'
// import logo from './logo.svg';
import './App.css';
import MainHeader from './components/MainHeader';
import MainContent from './components/MainContent';
import MainFooter from './components/MainFooter'
import {Route, BrowserRouter } from "react-router-dom";
import jsonRequest from "./components/jsonRequest";
class App extends React.Component{
render(){
return (
<BrowserRouter>
<Route path="/Home" component={jsonRequest} />
<div className="content ">
<MainHeader/>
<MainContent/>
<MainFooter/>
</div>
</BrowserRouter>
);
}
};
Aizada
как открыть страницы Home оддельно?
arts
Aizada
мне надо home page открывать
Aizada
Main content не надо
King
Aizada
Мне не App component
Aizada
JsonRequest надо открыт
Aizada
Localhost:3000/ -> App
Localhost:3000/home - > JsonRequest
artalar
Кто-нибудь пробовал xstate на чем-то больше тудулиста?
Bogdan
всем привет, кто то юзает глобальные стили в стайледах? нужно ли это вообще?
Bogdan
как сделать стили разные для модалки например? типо как как передать маленькая или большая модалка?ъ
Vadim
Sergei
как сделать стили разные для модалки например? типо как как передать маленькая или большая модалка?ъ
Мы начали забывать что такое классы
Vadim
типо одну обертку и там пропсами смотреть? и как это выглядит?
как обычные компоненты выглядят
Sergei
типо одну обертку и там пропсами смотреть? и как это выглядит?
В доке все это есть с примерами
Vadim
чем модалка отдичается от другого компонента?
Bogdan
только имя стиля предавать
Александр
Он наверное про react-modal
Bogdan
Vadim
Ты умеешь гуглить вообще?)
Yury
className в пропсах передай )
Bogdan
нагуглил вот так
styled(ReactModal)
это лучше чем глобально стили делать?
Vadim
нагуглил вот так
styled(ReactModal)
это лучше чем глобально стили делать?
https://github.com/reactjs/react-modal/issues/603
Bogdan
Bogdan
тоесть, короче ты кастомизируешь обертку, но у самой модалки же стили еще
artalar
Так, плохой пример, сек