https://github.com/react-component/table

всем привет посоветуйте какую то реакт таблицу react-table не понравился

https://www.npmjs.com/package/react-bootstrap-table-next

всем привет посоветуйте какую то реакт таблицу react-table не понравился

эта таблица может все, если подключить бутстрапу, то и стили все из коробки

спасибо

Привет всем, ребят подскажите если нет npm пакета, скрипт закидывать в public/index.html? это просто подключение скрипта который отображает партнера на сайте. как корректней?) Спасибо!)

Привет всем, ребят подскажите если нет npm пакета, скрипт закидывать в public/index.html? это просто подключение скрипта который отображает партнера на сайте. как корректней?) Спасибо!)

ты можешь его подключить как npm пакет используя webpack externals

с backbone работал кто?

Подскажите, плиз, полифил типа svgxuse, который чинит отображение свг спрайтов для старых браузеров у меня они на старых айфонах и макбуках не всегда отображаются

ты можешь его подключить как npm пакет используя webpack externals

а еще варианты есть?

Привет всем, ребят подскажите если нет npm пакета, скрипт закидывать в public/index.html? это просто подключение скрипта который отображает партнера на сайте. как корректней?) Спасибо!)

Можешь в рутовом файле сделать апендчайлд в хед

с backbone работал кто?

в 19м веке говорят было дело

Можешь в рутовом файле сделать апендчайлд в хед

componentDidMount () { const script = document.createElement("script"); script.src = "https://use.typekit.net/foobar.js"; script.async = true; document.body.appendChild(script); } тип такого?

в 19м веке говорят было дело

я в том плане, что перекидать компонент оттуда на реакт геморно? или проще с нуля?

componentDidMount () { const script = document.createElement("script"); script.src = "https://use.typekit.net/foobar.js"; script.async = true; document.body.appendChild(script); } тип такого?

Да

Да

так уже пробовал, прилетает 403 не пойму почему

я в том плане, что перекидать компонент оттуда на реакт геморно? или проще с нуля?

так в любом случае с нуля)

В хэд вставь попробуй

componentDidMount () { const script = document.createElement("script"); script.src = "https://use.typekit.net/foobar.js"; script.async = true; document.body.appendChild(script); } тип такого?

Так такого файла нету

В браузере даже не открывается

такое должно в папке external валяться и собираться в vendors

Ребят. Подскажите по 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 ?

Ребят подскажите, какую либу для модалок и таблиц можно использовать?

Ребят подскажите, какую либу для модалок и таблиц можно использовать?

material-ui

material-ui

Ммм, оверайдить стили там не тяжко?

а надо именно под кастомизацию?

react-table кастомизируется относительно легко, для модалок не знаю

Ммм, оверайдить стили там не тяжко?

да вроде не особо, разве что совсем специфичные штуки

react-table кастомизируется относительно легко, для модалок не знаю

Ага, но она styled-components не поддерживает

а надо именно под кастомизацию?

Ага, есть кастомный дезигн, ну понятно, что в любом случае нужно будет кастомайзить)

Ага, но она styled-components не поддерживает

а как должна поддерживать?

а как должна поддерживать?

Не знаю, я просто в Реакте новичок, ну типо реплейсить компоненты допустим как в react-select

Наверное хотелось бы юзать одну либу для UI компонентов, а не юзать разные для селекта, таблицы, модалок и так далее

посоветуйте пожалуйста tooltip

посоветуйте пожалуйста tooltip

position: relative position: absolute

посоветуйте пожалуйста tooltip

rc-tooltip

rc-tooltip

спасибо!

с backbone работал кто?

8 лет назад

Ребят, это нормально использовать в одном компоненте два useEffect, с ререндером по разным [данным], или они должны жить в одном эффекте?

Ребят, это нормально использовать в одном компоненте два useEffect, с ререндером по разным [данным], или они должны жить в одном эффекте?

это норма

это норма

spasibo

есть селектор, не могу понять как к нему реселект прикрутить?

что бы всегда не считал

В antd есть компонент Table. Как в нем стрелочки подвинуть ближе к названию?

Народ, подскажите - как задать в докере переменные окружения для реакт приложения?

Или скиньте доку

В antd есть компонент Table. Как в нем стрелочки подвинуть ближе к названию?

При помощи css

Народ, подскажите - как задать в докере переменные окружения для реакт приложения?

так же как для нереакт

Ребят, может кто-то встречался с подобной проблемой в Реакте, допустим у меня есть компонент, который выводится как список: arr.map(x => <Action onSelect={onSelect} />); И если я вызываю onSelect из компонента, он вызывает эту функцию для всех, а допустим, айтемов в массиве 5000, это создает задержку, как это решается? Такая же проблема существует, если я допустим хочу показать модальное окно, и понятное дело при клике у меня есть триггер, но он начинает показывать столько окон, сколько записей в массиве. Спасибо

Ребят, может кто-то встречался с подобной проблемой в Реакте, допустим у меня есть компонент, который выводится как список: arr.map(x => <Action onSelect={onSelect} />); И если я вызываю onSelect из компонента, он вызывает эту функцию для всех, а допустим, айтемов в массиве 5000, это создает задержку, как это решается? Такая же проблема существует, если я допустим хочу показать модальное окно, и понятное дело при клике у меня есть триггер, но он начинает показывать столько окон, сколько записей в массиве. Спасибо

так а как сам onSelect хэндлер выглядит?

createSelector, первым параметром принимает, то за чем следить, второй параметр фу-я , в нее только 1 параметр передать можно? почему второй не видно

Ребят, может кто-то встречался с подобной проблемой в Реакте, допустим у меня есть компонент, который выводится как список: arr.map(x => <Action onSelect={onSelect} />); И если я вызываю onSelect из компонента, он вызывает эту функцию для всех, а допустим, айтемов в массиве 5000, это создает задержку, как это решается? Такая же проблема существует, если я допустим хочу показать модальное окно, и понятное дело при клике у меня есть триггер, но он начинает показывать столько окон, сколько записей в массиве. Спасибо

React Virtualized библиотека тебе поможет, решает проблемы рендеринга больших списков. Суть ее в том что рендерит столько элементов сколько помещается на страницу

так а как сам onSelect хэндлер выглядит?

в onSelect может быть просто консоль лог, просто проблема в том, что он вызывает ее для всех элементов

всем привет кто нибудь работал с react native?

в onSelect может быть просто консоль лог, просто проблема в том, что он вызывает ее для всех элементов

покажи код

Ребят, может кто-то встречался с подобной проблемой в Реакте, допустим у меня есть компонент, который выводится как список: arr.map(x => <Action onSelect={onSelect} />); И если я вызываю onSelect из компонента, он вызывает эту функцию для всех, а допустим, айтемов в массиве 5000, это создает задержку, как это решается? Такая же проблема существует, если я допустим хочу показать модальное окно, и понятное дело при клике у меня есть триггер, но он начинает показывать столько окон, сколько записей в массиве. Спасибо

Покажите onSelect

Что-то там не ладно в нем

в onSelect может быть просто консоль лог, просто проблема в том, что он вызывает ее для всех элементов

держи https://bvaughn.github.io/react-virtualized/#/components/List

Покажите onSelect

openAllocationModal = (equipmentID: number) => { this.setState({ allocationModalIsOpen: true, equipmentID }); }; он просто открывает модалку

такая трабла юзаю webrtc, для видео чата, стримы отображаются корректно, но звук идет через динамик для разговоров, а не через внешний и я хз как переключиться

openAllocationModal = (equipmentID: number) => { this.setState({ allocationModalIsOpen: true, equipmentID }); }; он просто открывает модалку

не понятно как это с примером с onSelect связано

onSelect === openAllocationModal?

не понятно как это с примером с onSelect связано

да я onSelect для примера привел

такая трабла юзаю webrtc, для видео чата, стримы отображаются корректно, но звук идет через динамик для разговоров, а не через внешний и я хз как переключиться

Тебе в чат по rn. Ссылка в описании группы

onSelect === openAllocationModal?

да

такая трабла юзаю webrtc, для видео чата, стримы отображаются корректно, но звук идет через динамик для разговоров, а не через внешний и я хз как переключиться

У либы настройки разве нет?

у reselect . перый аргумент, то, что передили в саму фу-. и он передает аргументы во вторую функцию?

openAllocationModal = (equipmentID: number) => { this.setState({ allocationModalIsOpen: true, equipmentID }); }; он просто открывает модалку

давай весь код компонента, что-то не очевидно, вроде все норм должно быть

После отправки мне хотелось бы, чтобы фокус был на инпуте нужном, как можно сделать, делал через рефы, и квериселектор, может ещё способы?

давай весь код компонента, что-то не очевидно, вроде все норм должно быть

ойй там такая каша, проблема наверная одинаковая для всех, вот смотри: Есть таблица с 2500 объектами в массиве, у тебя есть компонент <Row />, у этого компонента есть функция onAction допустим для удаления элемента, и когда мы делаем так: data.map(x => <Row x={x} onAction={onDeleteElement} /> Когда мы нажимает на крестик, допустим, есть задержка, так как этот компонент 2500 раз вызывает эту функцию

ойй там такая каша, проблема наверная одинаковая для всех, вот смотри: Есть таблица с 2500 объектами в массиве, у тебя есть компонент <Row />, у этого компонента есть функция onAction допустим для удаления элемента, и когда мы делаем так: data.map(x => <Row x={x} onAction={onDeleteElement} /> Когда мы нажимает на крестик, допустим, есть задержка, так как этот компонент 2500 раз вызывает эту функцию

по коду все выглядит норм, попробуй воспроизвести на codesandbox

по коду все выглядит норм, попробуй воспроизвести на codesandbox

ага, давай я сейчас пробну

Есть тут адепты MobX? Что-то я не пойму с одной стороны у нас есть возможность передавать указатели на родительские сторы в дочерние и если потомки в несколько колен это превращается в излишнюю зависимость. С другой стороны можно заинжектить в компонент, но это если дочерние сторы не зависят от родительских. Так ведь можно настоящий ад устроить из зависимостей

по коду все выглядит норм, попробуй воспроизвести на codesandbox

https://codesandbox.io/s/ecstatic-colden-mj7rc Ну вот только здесь у меня нет задержки, а вот в реальном компоненте есть, там правда боле данных и компоненты сложнее, но принцип вот такой

https://codesandbox.io/s/ecstatic-colden-mj7rc Ну вот только здесь у меня нет задержки, а вот в реальном компоненте есть, там правда боле данных и компоненты сложнее, но принцип вот такой

не воспроизводится же

не воспроизводится же

Да, здесь воркает как нужно, задержки нет

Мб из-за простоты компонентов

так не бывает

Да, здесь воркает как нужно, задержки нет

у тебя компонент при клике ререндерится. из-за того, что ты удаляешь элемент, полагаю

ключи задай