Может не надо?)

Да мне для внутреннего сервиса.

Да мне для внутреннего сервиса.

В Реакт компонент с Socket.IO такой код. const socket = socketIOClient('http://localhost:8080'); useEffect(() => { socket.on('messages', messages => { setMessages(messages); }); }, []); Как избавиться от ворнинга об отсутствии socket в зависимостях useEffect() ? Та же переменная socket используется в компоненте вне useEffect() в const onSubmit = evt => { evt.preventDefault(); socket.emit('new-message', { id: uuid.v4(), msg: message }); };

Добавить сокет в зависимости же

Может не надо?)

Тогда страница начнёт очень часто обновляться. Socket поллит очень часто, если верно понимаю.

https://material-ui.com Может тебе этого хватит?

Сам инстанс socket от этого не должен же меняться, не?

Сам инстанс socket от этого не должен же меняться, не?

При добавлении socket в зависимости массив сообщений в компоненте бесконечно логируется в консоль.

Ребят, не подскажете по установке sass для CRA --typescript, эти инструкции не роаботают для TS ? 1 Install node-sass: npm install node-sass 2 Change .css files to .scss 3 Change any imports to use .scss

Работают

пушто сокеты нужно рулить не в компоненте, а в слое стейт менеджмента

В компоненте был импорт import socketIOClient from 'socket.io-client' для слушания сокета: const socket = socketIOClient('http://localhost:8080'). Если по сабмиту формы для ввода нового сообщения это сообщение уходит в экшен, тот как иметь импорт socketIOClient в экшене?

создавать точку подключения к сокету в отдельном файле, импортить уже ее

Импортить эту точку в мой компонент, который слушает с сокета?

нет к методам точки биндить экшены, если это редакс типа там socket.onmessage = (event) => store.dispatch(socketMessage(event))

Брать ТОЛЬКО если у вас нет своего дизайна. Кмк. Иначе код будет достаточно дикий, или просто дорогой (долго писать нормально).

нет к методам точки биндить экшены, если это редакс типа там socket.onmessage = (event) => store.dispatch(socketMessage(event))

socketMessage это экшен для отправки сообщения в редюсер?

Да, я action creators называю экшенами.

Гайз, добрый день! Есть вопрос по react, есть список компонентов, сгенерированный из вызова метода api, при нажатии на кнопку в одном, должен открываться другой компонент. Объясните чайнику пожалуйста, как это реализовать если у меня только есть id того компонента который нужно открыть полученный при нажатии на кнопку Есть главный компонент, который и содержит этот список, я понимаю что в нем нужно вызывать функцию которая будет менять состояние в другом, но как явно сказать в каком именно компоненте допустим в первом boolean нажали кнопку, вызвался метод api, пришел id компонента Text у которого ключ 761, как у него поменять состояние

Сделай стейтфул компонент где будет все обрабатываться и прокидывай в дочерник пропсами что необходимо

я так и сделал, компенент Form

Скинь в песочнице что есть

в pastebin? или что поразумеваете под песочницей?

создавать точку подключения к сокету в отдельном файле, импортить уже ее

Скинь в песочнице что есть

Ребят, а ни кому не приходилось встраивать реакт-приложения в айфреймы? Работаю над интеграцией с одним сервисом, и столкнулся с проблемой, что роутинг работает в разы медленнее, чем если запускать приложение как обычно, из вкладки браузера - уже весь гугл облазил, информации 0, кто нибудь может подсказать, с чем это может быть связано?

я так между прочим.. кто-нибудь пробовал строить приложение на одних хуках без редакса? С глобальным стейтом в хуках?

имеешь ввиду с глобальным контектом?

перейти на хеш-роутер уже пробовал и проверить?

привет, подскажите пожалуйста, есть ли юз кейсы, когда в контекст закидывают не стейт, а компоненты? типо такого: const SomeComponent = ({text}) => <div>{text}</div> const ThemedComponents = React.createContenxt({title: SomeComponent}) const App = () => { return ( <ThemedComponents.Provider value={{title: SomeComponent}}> <ThemedComponents.Consumer> {({title}) => title({text: 'Title Text'})} </ThemedComponents.Consumer> </ThemedComponents.Provider> ) }

привет, подскажите пожалуйста, есть ли юз кейсы, когда в контекст закидывают не стейт, а компоненты? типо такого: const SomeComponent = ({text}) => <div>{text}</div> const ThemedComponents = React.createContenxt({title: SomeComponent}) const App = () => { return ( <ThemedComponents.Provider value={{title: SomeComponent}}> <ThemedComponents.Consumer> {({title}) => title({text: 'Title Text'})} </ThemedComponents.Consumer> </ThemedComponents.Provider> ) }

я пытаюсь понять подводные камни такого подхода, например что там с ререндерами, дебагом и прочее

<tr> <th scope="row">L</th> <td className="text-left">O</td> <td className="text-left">A</td> <td className="text-left">D</td> <td className="text-left">I</td> <td className="text-left">N</td> <td className="text-left">G</td> <td className="text-left">.</td> </tr>

'LOADING'.split('').map( letter => <td className="text-left">{letter}</td> )

'LOADING'.split('').map( letter => <td className="text-left">{letter}</td> )

за ререндеры я б не парился пока реально не появится проблема с производительностью

'LOADING'.split('').map( letter => <td className="text-left">{letter}</td> )

У автора первый ребенок имеет другой тег и класс)

Ребята,а как правильно? создать отдельный компонент для каждого из типов инпутов или же сделать 1 универсальный компонент?

Текскт и его подтипы (телефон, емейл, вское такое) - отдельно, чекейбл-элементы - отдельно. Рейндж - тоже отдельно. Остальное, думаю, от проекта зависит.