voix
Эффектор удобная штука для современной разработки на реакте. На работе тоже его выбрал.
Владимир
Каков порог входа по сравнению с редаксом?
Dmitry
Dmitry
Dmitry
Может кто знает, что не так? Хуки начинают спамить просто
Sergey
Месиво
Dmitry
Месиво
Как их лучше расфасовать? Может есть какие туториалы или статьи?
Oruj
ребят а когда нужно просто передать стили material-ui в функцию? нужно обернуть тело функции в class extends Component? делал, не работало
ipos
ребят а когда нужно просто передать стили material-ui в функцию? нужно обернуть тело функции в class extends Component? делал, не работало
хуки вроде только внутри компонентов работают, а ты пытаешься в функции использовать, ты можешь просто тогда добавить еще один аргумент для этой функции и в него передавать стили, ну либо сделать стили здесь глобальной переменной, либо сделать компонент обертку какой-нибудь, где ты вызовешь хук этот
Oruj
хуки вроде только внутри компонентов работают, а ты пытаешься в функции использовать, ты можешь просто тогда добавить еще один аргумент для этой функции и в него передавать стили, ну либо сделать стили здесь глобальной переменной, либо сделать компонент обертку какой-нибудь, где ты вызовешь хук этот
спасибо! глобальные стили кажется вариант. потому что с аргументами код становится сложнее. и я не понимаю. разве для того чтобы withStyle заработал, не нужно достаточно ли оборачивать функцию в компонент реакта
ipos
спасибо! глобальные стили кажется вариант. потому что с аргументами код становится сложнее. и я не понимаю. разве для того чтобы withStyle заработал, не нужно достаточно ли оборачивать функцию в компонент реакта
почему тебе обязательно, чтоб это была функция? сделай компонент и можно будет хук заюзать нормально, да и withStyles, кстати не обязательно же было классовый компонент оборачивать, мог бы функциональный обернуть
Oruj
почему тебе обязательно, чтоб это была функция? сделай компонент и можно будет хук заюзать нормально, да и withStyles, кстати не обязательно же было классовый компонент оборачивать, мог бы функциональный обернуть
в смысле вынести ее в отдельный файл? покажи плиз как поменять функ на комп const renderStarshipModelAndSpeed = ({model, speed}) => { const {classes} = this.props; return ( <React.Fragment> <ListItemText primary={model}/> <ListItemText primary={${speed}km/h (speed)} className={classes.listTextRight}/> </React.Fragment> ) };
Oruj
короче мне нужна эта статья) https://habr.com/ru/company/ruvds/blog/444348/
ipos
``` const StarshipModel = (props) => { const { model, speed } = props; const classes = useStyles(); return ( <> <ListItemText primary={model}/> <ListItemText primary={${speed}km/h (speed)} className={classes.listTextRight}/> </> ) } ``` у тебя будет компонент StarshipModel и сможешь его использовать как <StarshipModel model={"name"} speed={100} />
ipos
блин чет код не форматируется, странно
Oruj
блин чет код не форматируется, странно
если я правильно понял. React Hook "useStyles" is called in function
ipos
компоненты с большой буквы
Hars
как игнорировать вложенный маршрут в react-router v4, т.е есть к примеру путь example.com/test который рендерит компонент, а есть путь к примеру example.com/test/1.txt, как игнорировать "example.com/test/1.txt", чтобы это запрос шел без реакт роутера к серверу?
Oruj
компоненты с большой буквы
Hooks can only be called inside of the body of a function component.
Oruj
https://codesandbox.io/s/focused-pine-2s9ks
спасибо я уже завтра посмотрю. не удаляй
Asan
подскажите пожалуйста, есть блог статьи и комменты, есть redux стор с постами и комментами, одним запросом на сервак получаю статью с ее комментами, дальше добавляю пост к постам, комменты сетаю в комменты, есть только один контейнер в котором я работаю с постом, правильно ли будет передавать комменты через этот контейнер дальше в презент компонент, а там уже дальше вызывать comment map и вставлять комменты или все нужно послать отдельно запрос на сервер для поста и комментов, для комментов отдельный контейнер сделать? какой алгоритм более правильный?
Саша
Что лучше, явная рендер функция в children с прокидыванием пропсов, или неявное добавление пропсов в children через cloneElement?
Andrey
в целом, явное лучше неявного, но без контекста это единственное, что можно сказать
Nikolai
Что лучше, явная рендер функция в children с прокидыванием пропсов, или неявное добавление пропсов в children через cloneElement?
Ни то, ни другое не явно с точки зрения компонента в котором вы этот children передаете в компонент, который подмешивает пропсы
PH_cheerokee
Можете посоветовать какую-то либу для изображений(thumbnails)?). Или как правильно сделать, чтобы до получения данных был какой-то шаблон. Чтобы весь сайт не двигался вниз при получении данных
No
Ну как вариант вставлять на эти места изображения-заглушки до получения данных или захардкодить в css размер блока в который ты вставишь изображения. Если они у тебя одинаковые
Сергей
Хардкодить в css в век респонзив сайтов не по фен-шую..заглушка с фоном и крутилка более симпатичны..
Anonymous
Есть у кого видео с академии верстки на тему бекенда на php? Не курс, а вобще послед
Bogdan
У Ютуба есть
Никита
Гайз, привет . Такая тема, нужен для студента диплом, несложный сайт, html, CSS , bootstrap, js php, и само собой нужен полностью исходный код, как можно более простой. У кого то есть знакомые, кто накропает, и какой примерно бюджет? В лс, если можно , отпишите
Vladimir
PHP 🙄
А для дипломного проекта не хватит?)
Влад
Берешь Laravel, получаешь результат работы 10-ти разработчиков на чем угодно другом, для этих целей
Dima
NodeJS better way
Dima
На реакте и нексте, потом запустил все это на экспрессе и жизнь малина
eden
подскажите, как в mobx-state-tree добавить несколько элементов в стор за одну транзакцию?
Владимир
сам спросил, сам отвечу applyAction
это приятнее всего, когда сам разобрался, а не кто либо помог в этом - мотивация сразу растет
eden
ну с одной стороны, конечно, да
Владимир
ну не знаю, сужу по себе, профит от такого намного выше
Michail
привет! скажите, для тех кто проспал повсеместные хуки есть какой то хороший гид по оптимизации? а то появился проект там все на функциональных компонентах и хуках и кажется там дофига лишнего перерендеривается.
Michail
"кажется" - плохой показатель. не стоит ничего оптимизировать из-за "кажется" =)
Ну не "кажется", ок, я включил подсветку rerender в девтулзах )
Roman
Ну не "кажется", ок, я включил подсветку rerender в девтулзах )
я к тому, что если производительность не страдает, то зачем оптимизировать
Dmitry
Перерендер всегда будет. Так реакт работает (имею ввиду от родителя вниз)
Michail
Перерендер всегда будет. Так реакт работает (имею ввиду от родителя вниз)
тоесть если у меня верхнее меню с 4я фильтрами, дропдаунами - я кликаю по одному из них у меня подсвечивается в перерендере не только выпадающий изза клика фильтр но и все меню - это разве правильно ?
Dmitry
Вложенные компоненты могут зависеть от данных, которые передаются сверху
Даже если не зависят. Все дочерние перерендерятся
.
тоесть если у меня верхнее меню с 4я фильтрами, дропдаунами - я кликаю по одному из них у меня подсвечивается в перерендере не только выпадающий изза клика фильтр но и все меню - это разве правильно ?
Сейчас тренд такой: если код простой и делает то что нужно, но при этом либо лишние перерендер происходят либо при каждом перерендер одни и теже функции компилятся - то не обращать внимание на это если нет проблем с производительностью. Но если есть проблемы, то надо конечно убрать и ненужный перерендер и мемоизировать функции. - то есть усложнить(!) код.
Nikolai
вызов функции!=ререндер
Michail
Оберни все компоненты в react.memo и посмотри...
Вот это пробовал - в некоторых местах помогло в других - нет
Сергей
Проверь зависимости useEffect...там можно тоже наглумить..
wolfe
Перерендер всегда будет. Так реакт работает (имею ввиду от родителя вниз)
Такого быть не должно. Рендериться должно то, что обновилось
Dmitry
не должно это ты придумал ? иди глянь как реакт работает
wolfe
не должно это ты придумал ? иди глянь как реакт работает
Я знаю, как работает реакт и такого быть не должно
Dmitry
ну значит не знаешь
Vlad
Такого быть не должно. Рендериться должно то, что обновилось
По-моему в таком случае только пересчёт виртуал дома будет
wolfe
По-моему в таком случае только пересчёт виртуал дома будет
Стейт локализирует обновления. Тут вопрос уже об архитектуре
Roman
Перерендер всегда будет. Так реакт работает (имею ввиду от родителя вниз)
так он работает по умолчанию, но это не значит, что так и должно быть везде и всегда
wolfe
Почему-то подумал, что от родителя, который рут приложения. От компонента, в котором произошли изменения — да. Но этим можно управлять в любом случае
N
Всем привет, как можно отправить объект на axios
Nurbol
Всем привет, выходить такая ошибка
Nurbol
Alisher
Всем привет, выходить такая ошибка
Ошибся группой вроде. Тебе в react-native
PH_cheerokee
привет) подскажите решение например,я своим инфинит скролом пролистал 300 айтемов потом перешел на какую-то страницу и опять на главную,где этот скролл мне заново все грузить? или или у меня будет два массива, в которые после запроса я буду пушить свои айтемы с одного я буду показывать,а во втором будут все на данный момент загруженные типа чтобы я при переходе опять на главную брал айтемы из того второго,чтобы лишний раз не делать запрос?