Eugene
Друзья, а что посоветуете из SAAS для реализации видеочатинга в сервисе?
Нужны конференции и, желательно без необходимости регать каждого юзера.
Sergey
Если не тролинг, то забаньте господина на всякий случай
Нет. Просто я нуб в Реакте возможно мог написать фигню. Т.к. сразу на FC всё делаю (с классами не особо).
А вот ты мог бы и помочь человеку, вместо троллинга ;)
Anonymous
Пусть почитает о методах жизненного цикла компонента, это азы
Anonymous
Есть метод, который решает его проблему
Anonymous
Надеюсь он его найдёт
Yuriy
va1
Смотря чего ты хочешь добиться. Но думаю для начала как-то так
constructor(props) {
super(props);
this.state.product = { ...props.product }
}
По возможности нужно избегать инициализации стейта из пропсов в конструкторе
va1
Конструктор вызывается только при создании класса, но не при ререндере. И может привести к трудноуловимым багам, когда стейт отличается от входящего пропса со всеми последствиями
Valentin
Aidyno
Ребят, как сделать так, чтобы в didMount прописать действие, только если компонент рендерится после определенного роута?
Aidyno
типа сделать это, если пришел с /feeds/:id
Андрей
Ребят, как сделать так, чтобы в didMount прописать действие, только если компонент рендерится после определенного роута?
Вынеси логику в хок и подключай в роутере своём.
Aidyno
Вынеси логику в хок и подключай в роутере своём.
У меня он должен просто вызвать action в useEffect(), использую хуки. Типа if prev.Route === "/staff/cool/:id" getMoreStaff()
Bogdan
https://codesandbox.io/s/dawn-leaf-6vb3i
Илья, спасибо за ответ. Вот я немного переделал твой пример под мой кейс https://codesandbox.io/s/reverent-hodgkin-lu684
у меня стор из массива объектов вида [{value: ‘1’, text: ‘element’}, …]
когда я мышкой выбираю, то validateFieldsAndScroll формы выдает мне value, а если мы ставим в autocomplete по умолчанию text из dataSource, то и выдается этот text, а не его value. и мне не понятно как проставить чтобы value из dataSource выдавался, а не text
Alexey
Народ, посоветуйте хорошую книгу по react(у)
Zaff
Zaff
он неправильно индентирует
Oleg
Zaff
если это vscode - то нужно отключить модуль prettier on save (стороннее расширение). Он конфликтует с тем, что есть в самом проекте.
так, я установил prettier как расширение
+ я сам настроил его в файле .prettierrc
+ в настройках отметил formatOnSave => true
Zaff
нужно вырубить расширение?
Oleg
ага
Oleg
если это CRA - то настроить рабочую область как в документации и все будет норм отрабатывать. Я тоже парился с этим недавно
Oleg
сек
Oleg
в корне проекта создай папку .vscode - там создай файл settings.json
и пропиши такие строки:
{
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "typescript",
"autoFix": true
},
{
"language": "typescriptreact",
"autoFix": true
}
],
"eslint.autoFixOnSave": true
}
Oleg
ну только язык там javascript или что используешь. У меня ts
Zaff
щас попробую
Zaff
в корне проекта создай папку .vscode - там создай файл settings.json
и пропиши такие строки:
{
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "typescript",
"autoFix": true
},
{
"language": "typescriptreact",
"autoFix": true
}
],
"eslint.autoFixOnSave": true
}
так, вроде ошибка пропала и все работает) спасибо большое)
Kamoliddin
👌
Bogdan
https://codesandbox.io/s/dawn-leaf-6vb3i
Спасибо! Заработало в песочнице, теперь попробую перенести на свой адский код
Илья
Спасибо! Заработало в песочнице, теперь попробую перенести на свой адский код
Отлично! Если будут вопросы, пиши, разберем.
MⅨ
Что делать если мне нужен state undefined или null в input
MⅨ
Реакт пишет варнинги постоянно
Dmytro
Что делать если мне нужен state undefined или null в input
Зачем? Чем пустая строка не подходит?
MⅨ
Угу придумал
Артём
Есть 2 блока: 1-й рендерится по условию, за ним идёт 2-й, который рендерится всегда. Надо чтоб при монтировании 1-й заезжал сверху, а 2-й с такой же скорость сдвигался ниже.
Обернул каждого в CSSTransition, а всё это в TransitionGroup. Удалось анимировать появление 1-го блока. Во второй не передаются класснеймы. Что я делаю не так?
<TransitionGroup>
{state && (
<CSSTransition in={state} timeout={500} classNames="widget-transition-wrapper">
<Widget/>
</CSSTransition>
)}
<CSSTransition in={state} timeout={500} classNames="main-section-transition-wrapper">
<section className="main-section"
<CSSTransition>
</TransitionGroup>
Sergey
Обсуждение украденного домена — оффтоп
Zaff
как правильно мне в SC объявить переменную?
например color-primary: #ff00dd
и реюзать во всех остальных SC?
Daniil
А что в доке пишут?
Sergey
Андрей
как правильно мне в SC объявить переменную?
например color-primary: #ff00dd
и реюзать во всех остальных SC?
Примерно так же как и в js.
const color = '#FFF'
styled` color: ${color};`
Zaff
Как угодно. Хоть global API
а CSS Vars in JS будет также работать рантайм как обычные CSS Vars?
Sergey
а CSS Vars in JS будет также работать рантайм как обычные CSS Vars?
Я не знаю что за CSS Vars in js
Артём
А должно быть className
но ведь в доке по react-transition-group для CSSTransition используется именно проп classNames
Sergey
SC вставляет их в CSS как есть
Danila
Роман
Ребят есть кто работает с nextjs c gitlab ci/cd
Роман
настраиваю сейчас. и у меня появился вопрос, мне ведь с приложением обязательно необходимо хранить node_modules на серваке он оттуда подтягивает все
Sergey
Роман
у нас есть проде есть ssr где все собирается в единый банд и через ci/cd он он копируется и запускается через pm2
PH_cheerokee
Роман
в случае с nextjs мне надо тащить с ним node_modules?
Daniil
Роман
я не в докере
Роман
да папку либо заного все устанавливать на продакшен сервере
Роман
ну конечн
Sm•ok
npm i
Sm•ok
Или такое не работает?
Роман
да работает я по ssh все вызову из гитлаба
Роман
просто я с nextjs не работал до этого, да и вообще с ci/cd гитлаба, вот вдрупляю
Илья
да папку либо заного все устанавливать на продакшен сервере
Сборку настроить просто надо на инсталляцию пакетов из package.json при деплое на прод. Если верно я понял вопрос.
Роман
спасибо ребята
Wizard
Привет. Как получить объект типа Stream в ответ на post запрос? Пытаюсь сделать через axios:
axios.post(
apiUrl,
form,
{
responseType: 'stream',
},
);
но это работает только на сервере, а браузер игнорирует responseType и дожидается ответ, после чего возвращает слепленный текст. Есть ли готовое решение для получения порционных данных в виде стрима?