@react_js - страница 468 - Telegram web archive

eden

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

Alexandr

https://bundlephobia.com/

Спасибо

Mikhail

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

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

Sergey

Добрый день, подскажите, пожалуйста. Есть компонент в нем children, как в child возможно прокинуть данные грубо // Функция const myFunc = () => console.log(data) //компоненты const Item = () => <li onClick={()=> { myFubc(data) }}>item</li> const Component = () => <ul>{children}</li> // вызов компонента <Component> <Item> <Item> </Component> // к примеру передать при клике на li index или другие данные родительского компонента

Alexey

Добрый день, подскажите, пожалуйста. Есть компонент в нем children, как в child возможно прокинуть данные грубо // Функция const myFunc = () => console.log(data) //компоненты const Item = () => <li onClick={()=> { myFubc(data) }}>item</li> const Component = () => <ul>{children}</li> // вызов компонента <Component> <Item> <Item> </Component> // к примеру передать при клике на li index или другие данные родительского компонента

Alexey

соот-но в пропсы передать нужно метод родителя

Sergey

соот-но в пропсы передать нужно метод родителя

спасибо, большое, немного не верно изложил суть проблемы у меня есть компонент таблицы // custom column const TD = () => <button className="btn btn-sm">Подробнее <i className="icon icon-arrow-right"></i></button> // вызов <Table head={table} list={data.data} cls="table-striped table-hover"> <TD head=""/> </Table> / * Table component * * @param {Object} head table head * @param {array} list data list * @param {string} cls class table * @param {Object|array} children custom columns * * @returns {*} * * @constructor */ const Table = ({head, list, cls, children}) => ( <table className={'table ' + cls}> <thead> <tr> {Object.keys(head).map((item, i) => { return <th key={i}>{get(head, item)}</th> })} {React.Children.toArray(children).map((item, i) => { return <th key={i}>{item.props.head}</th> })} </tr> </thead> <tbody> {list.map(item => { return <TableRow key={item.id} cols={head} data={item} >{children}</TableRow> })} </tbody> </table> ) / * Component table row * * @param {object} cols list cols table * @param {object} data list data * @param {Object|array} children children element * * @returns {*} * @constructor */ const TableRow = ({cols, data, children}) => ( <tr> {Object.keys(cols).map((item, i) => { return <td key={i}>{get(data, item)}</td> })} {children} </tr> );

Anonymous

спасибо, большое, немного не верно изложил суть проблемы у меня есть компонент таблицы // custom column const TD = () => <button className="btn btn-sm">Подробнее <i className="icon icon-arrow-right"></i></button> // вызов <Table head={table} list={data.data} cls="table-striped table-hover"> <TD head=""/> </Table> / * Table component * * @param {Object} head table head * @param {array} list data list * @param {string} cls class table * @param {Object|array} children custom columns * * @returns {*} * * @constructor */ const Table = ({head, list, cls, children}) => ( <table className={'table ' + cls}> <thead> <tr> {Object.keys(head).map((item, i) => { return <th key={i}>{get(head, item)}</th> })} {React.Children.toArray(children).map((item, i) => { return <th key={i}>{item.props.head}</th> })} </tr> </thead> <tbody> {list.map(item => { return <TableRow key={item.id} cols={head} data={item} >{children}</TableRow> })} </tbody> </table> ) / * Component table row * * @param {object} cols list cols table * @param {object} data list data * @param {Object|array} children children element * * @returns {*} * @constructor */ const TableRow = ({cols, data, children}) => ( <tr> {Object.keys(cols).map((item, i) => { return <td key={i}>{get(data, item)}</td> })} {children} </tr> );

gist.github.com

Sergey

Спасибо, сейчас опишу

Irina

Всем привет! ребят, помогите с регуляркой для значения, которое должно попадать в промежуток от 0 до 100, цифры с возможностью записать до 2 знаков после запятой

Eugene

Всем привет! ребят, помогите с регуляркой для значения, которое должно попадать в промежуток от 0 до 100, цифры с возможностью записать до 2 знаков после запятой

🌚input type number max=100

Artem

Всем привет! ребят, помогите с регуляркой для значения, которое должно попадать в промежуток от 0 до 100, цифры с возможностью записать до 2 знаков после запятой

определить любое число от 0.00 до 100.00, я правильно понял?

Алексей

ы

Irina

определить любое число от 0.00 до 100.00, я правильно понял?

да, но дело в том что пользователь может ввести и с запятой и с точкой, может и вообще без дробной части. На инпуте маски нет

Irina

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

Artem

да, но дело в том что пользователь может ввести и с запятой и с точкой, может и вообще без дробной части. На инпуте маски нет

Для начала - это не реакт вопрос, скорее в https://t.me/js_ru , и то не точно - все таки общий вопрос.

Sergey

gist.github.com

https://gist.github.com/sergey-yabloncev/220893b867aa4856201328b69c34c750

Alexey

^(100|\d\d|\d)((\.|\,)\d{1,2})?$

Alexey

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

выше кинул

Artem

^(100|\d\d|\d)((\.|\,)\d{1,2})?$

похоже на правду))

Artem

да, но дело в том что пользователь может ввести и с запятой и с точкой, может и вообще без дробной части. На инпуте маски нет

А вы инпут проверяете на каждом ререндере или при валидации?

Irina

^(100|\d\d|\d)((\.|\,)\d{1,2})?$

О, супер! спасибо

Irina

А вы инпут проверяете на каждом ререндере или при валидации?

на onChange (это редакс формы)

Sergey

https://gist.github.com/sergey-yabloncev/220893b867aa4856201328b69c34c750 нужно в компоненте index получить данные из дочернего компонента TableRow который в сваю очередь является дочерним компонентом Table

Alexey

https://gist.github.com/sergey-yabloncev/220893b867aa4856201328b69c34c750 нужно в компоненте index получить данные из дочернего компонента TableRow который в сваю очередь является дочерним компонентом Table

прокидывать данные наверх это wrong way какой-то

Artem

Для решения подобных кейсов используется контекст (если нельзя решить рекомпозицией)

Sergey

Спасибо, буду копать в эту сторону

modest

Привет. Хотел спросить, есть какие альтернативы Moonwalk.cc hdrezka / baskino etc - все юзают видео и контент с moonwalk. доки - https://docs.moonwalk.cc/ Но для подключения модуля нужно DLE и php. Есть что-то схожее но под js ?

Jamshidbek

Вот что значит мутаген

Виктор

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

Artem

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

Жаль, что это реакт чатик - спросил бы чем вуй так плох...

Виктор

он не плох, это комбошутка. ничего лично против не имею.

🦜

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

проиграл с последнего

Artem

он не плох, это комбошутка. ничего лично против не имею.

Если мне говорят, что проект будет на Laravel - я советую использовать вуй

Mikhail

вуй уже на пхп портировали?

i

на ларе и вуе давно и его можно на реакт за раз поменять

🦜

Если мне говорят, что проект будет на Laravel - я советую использовать вуй

я советую менять работадателя

Artem

я советую менять работадателя

🦜

вуй уже на пхп портировали?

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

🦜

вуй на пхп в таком случае просто накатить

Andrew

вуй уже на пхп портировали?

ПХП в JS портировали

Mikhail

ПХП в JS портировали

дождались!

Andrew

https://github.com/dan-da/php2js

Дима

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

неа, библиотеки тоже тришейкаются

Andrew

дождались!

давно уже

Дима

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

вот например тот же роллап выдаёт вполне подробную статистику по тому что удалено а что осталось

Dmitry

посоны с react-window хелпаните

Dmitry

нужно сделать динамические рассчет item-ов

Dmitry

именно по ресайзу сходу можно. Но вот после рендера он ничего не менчет

Alexey

а когда он должен ещё менять свое состояние?

Dmitry

а когда он должен ещё менять свое состояние?

вот как сделать лист с с ресайзом ? Нет апи такого

Artem

Коллеги, добрый день. В чате по ноде и нексту пока ответ не получен. Есть react spa, которая переходит на ssr (node -> next.js). Внутри не самая адекватная работа форм и, как следствие, есть наследование по цепочке (но сейчас не о композиции компонентов) Вопрос - почему при переходе на unil.inherits() возникает ошибка в наследовании (буквально - Super expression must either be null or a function , но нет цикличной зависимости, ни потери супер, ни ошибки в имени класса - проблема возникает только при сборке сср версии аппы). Возможно я не до конца понимаю особенности работы бабеля из-под ноды (или утилиты наследования)?

Dmitry

вот как сделать лист с с ресайзом ? Нет апи такого

топ react-window помню тут говорили