Eugene
https://github.com/react-component/table
Sergei
всем привет посоветуйте какую то реакт таблицу react-table не понравился
эта таблица может все, если подключить бутстрапу, то и стили все из коробки
Vova
спасибо
Volodymyr
Привет всем, ребят подскажите если нет npm пакета, скрипт закидывать в public/index.html? это просто подключение скрипта который отображает партнера на сайте. как корректней?) Спасибо!)
Bogdan
с backbone работал кто?
Margarita
Подскажите, плиз, полифил типа svgxuse, который чинит отображение свг спрайтов для старых браузеров у меня они на старых айфонах и макбуках не всегда отображаются
Maksim
с backbone работал кто?
в 19м веке говорят было дело
Volodymyr
Можешь в рутовом файле сделать апендчайлд в хед
componentDidMount () { const script = document.createElement("script"); script.src = "https://use.typekit.net/foobar.js"; script.async = true; document.body.appendChild(script); } тип такого?
Bogdan
в 19м веке говорят было дело
я в том плане, что перекидать компонент оттуда на реакт геморно? или проще с нуля?
Volodymyr
Да
так уже пробовал, прилетает 403 не пойму почему
Igor
В хэд вставь попробуй
Igor
В браузере даже не открывается
Anonymous
такое должно в папке external валяться и собираться в vendors
Oleg
Ребят. Подскажите по mobx + react-router-dom + typescript Есть роут вида <Route path="/some" component={A} /> В компоненте A юзаются history, location как приходящие пропсы Далее есть стор с данными. Когда подключаю стор к компоненту через: observer( (): JSX.Element => { const { someStore }: IRootStore = React.useContext<IRootStore>(StoreContext); const { add }: ISomeStore = someStore; return React.createElement<IProps>(A, { add }); } ); то ругается на то, что в в IProps не описаны прокидываемые history и location. Я так понимаю, observer создает типа еще одного компонента, в котором прокидывает дочернему A уже нужные пропсы? как докинуть туда history и location ?
Konstantin
Ребят подскажите, какую либу для модалок и таблиц можно использовать?
Konstantin
material-ui
Ммм, оверайдить стили там не тяжко?
Александр
а надо именно под кастомизацию?
Александр
react-table кастомизируется относительно легко, для модалок не знаю
Andrey
Ммм, оверайдить стили там не тяжко?
да вроде не особо, разве что совсем специфичные штуки
Konstantin
а надо именно под кастомизацию?
Ага, есть кастомный дезигн, ну понятно, что в любом случае нужно будет кастомайзить)
Andrey
Ага, но она styled-components не поддерживает
а как должна поддерживать?
Konstantin
а как должна поддерживать?
Не знаю, я просто в Реакте новичок, ну типо реплейсить компоненты допустим как в react-select
Konstantin
Наверное хотелось бы юзать одну либу для UI компонентов, а не юзать разные для селекта, таблицы, модалок и так далее
Anonymous
посоветуйте пожалуйста tooltip
Frontend Priest
посоветуйте пожалуйста tooltip
position: relative position: absolute
Anonymous
rc-tooltip
спасибо!
Nata
Ребят, это нормально использовать в одном компоненте два useEffect, с ререндером по разным [данным], или они должны жить в одном эффекте?
Bogdan
есть селектор, не могу понять как к нему реселект прикрутить?
Bogdan
что бы всегда не считал
Ryhor
Ryhor
В antd есть компонент Table. Как в нем стрелочки подвинуть ближе к названию?
YourFear
Народ, подскажите - как задать в докере переменные окружения для реакт приложения?
YourFear
Или скиньте доку
Konstantin
Ребят, может кто-то встречался с подобной проблемой в Реакте, допустим у меня есть компонент, который выводится как список: arr.map(x => <Action onSelect={onSelect} />); И если я вызываю onSelect из компонента, он вызывает эту функцию для всех, а допустим, айтемов в массиве 5000, это создает задержку, как это решается? Такая же проблема существует, если я допустим хочу показать модальное окно, и понятное дело при клике у меня есть триггер, но он начинает показывать столько окон, сколько записей в массиве. Спасибо
Bogdan
createSelector, первым параметром принимает, то за чем следить, второй параметр фу-я , в нее только 1 параметр передать можно? почему второй не видно
Konstantin
так а как сам onSelect хэндлер выглядит?
в onSelect может быть просто консоль лог, просто проблема в том, что он вызывает ее для всех элементов
Денис
всем привет кто нибудь работал с react native?
Александр
Что-то там не ладно в нем
Konstantin
Покажите onSelect
openAllocationModal = (equipmentID: number) => { this.setState({ allocationModalIsOpen: true, equipmentID }); }; он просто открывает модалку
Денис
такая трабла юзаю webrtc, для видео чата, стримы отображаются корректно, но звук идет через динамик для разговоров, а не через внешний и я хз как переключиться
Александр
onSelect === openAllocationModal?
Konstantin
Bogdan
у reselect . перый аргумент, то, что передили в саму фу-. и он передает аргументы во вторую функцию?
Maksim
openAllocationModal = (equipmentID: number) => { this.setState({ allocationModalIsOpen: true, equipmentID }); }; он просто открывает модалку
давай весь код компонента, что-то не очевидно, вроде все норм должно быть
Roman
После отправки мне хотелось бы, чтобы фокус был на инпуте нужном, как можно сделать, делал через рефы, и квериселектор, может ещё способы?
Konstantin
давай весь код компонента, что-то не очевидно, вроде все норм должно быть
ойй там такая каша, проблема наверная одинаковая для всех, вот смотри: Есть таблица с 2500 объектами в массиве, у тебя есть компонент <Row />, у этого компонента есть функция onAction допустим для удаления элемента, и когда мы делаем так: data.map(x => <Row x={x} onAction={onDeleteElement} /> Когда мы нажимает на крестик, допустим, есть задержка, так как этот компонент 2500 раз вызывает эту функцию
Valen
Есть тут адепты MobX? Что-то я не пойму с одной стороны у нас есть возможность передавать указатели на родительские сторы в дочерние и если потомки в несколько колен это превращается в излишнюю зависимость. С другой стороны можно заинжектить в компонент, но это если дочерние сторы не зависят от родительских. Так ведь можно настоящий ад устроить из зависимостей
Konstantin
по коду все выглядит норм, попробуй воспроизвести на codesandbox
https://codesandbox.io/s/ecstatic-colden-mj7rc Ну вот только здесь у меня нет задержки, а вот в реальном компоненте есть, там правда боле данных и компоненты сложнее, но принцип вот такой
Konstantin
не воспроизводится же
Да, здесь воркает как нужно, задержки нет
Konstantin
Мб из-за простоты компонентов
Maksim
так не бывает
wolfe
Да, здесь воркает как нужно, задержки нет
у тебя компонент при клике ререндерится. из-за того, что ты удаляешь элемент, полагаю
wolfe
ключи задай