А доку почитать? Ну или код https://github.com/facebook/react/blob/9f78913b20d52a5849dd26aafebfbc3caf190812/packages/react-test-renderer/src/ReactShallowRenderer.js#L215

смутило shallow compare. теперь разобрался, спасибо

Гайс, кто-нибудь делал/видел норм masonry сетку на sc? Поделитесь ссылкой плиз

потому что фигурные скобки

У тебя map возвращает [undefined x 4]

не возвращает ничего () => {} так вернет () => ( <Task /> ) и так () => { return <Task /> }

Гайс, кто-нибудь делал/видел норм masonry сетку на sc? Поделитесь ссылкой плиз

Styled components grid mb

Иди читай про стрелочные функции

не возвращает ничего () => {} так вернет () => ( <Task /> ) и так () => { return <Task /> }

() => Task

() => Task

когда длинная строка, так писать не кайф

Иди читай про стрелочные функции

а вообще да

не возвращает ничего () => {} так вернет () => ( <Task /> ) и так () => { return <Task /> }

Спасибо, получилось. Забыл, что нужно return из функции делать.

а вообще линтер установи, он подсказывает

() => Task

() => ( <Task /> )

а вообще да

там обычно не про скобочки забывают, а про то, что в map нужен return. А уже далее выплывает беда с { } и без.

() => ( <Task /> )

+

не возвращает ничего () => {} так вернет () => ( <Task /> ) и так () => { return <Task /> }

^

Ребят, кто-нибудь знаком хорошо с этим компонентом? import { InfiniteLoader } from 'react-virtualized';

Нужно строки им подгружать при скролле, не понимаю как им правильно пользоваться. Пока он просто рендерит то, что ему передали и всё.

Нужно строки им подгружать при скролле, не понимаю как им правильно пользоваться. Пока он просто рендерит то, что ему передали и всё.

там же пример был на сайте.. ищу

пример есть

я не разобрался на примере

https://github.com/bvaughn/react-virtualized/blob/master/docs/InfiniteLoader.md

не понимаю куда сам список данных передавать

^

Я имел в виду стиль для одной строки

не понимаю куда сам список данных передавать

смотри функцию rowRenderer, там list (в котором данные в примере)

не понимаю куда сам список данных передавать

прям копируй все по доке, для начала просто без редаксов и прочего (если есть), тупо данные с апи тяни прямо там же где у тебя таблица, разберешься. Функцию rowRenderer нужно самому написать, все аргументы там в примере есть…

а key, index - это что? где из брать?

а key, index - это что? где из брать?

index не должен быть кием

она передаётся в map и применяется к елементу списка данных? это просто критично для понимания, а в доке не написали

она передаётся в map и применяется к елементу списка данных? это просто критично для понимания, а в доке не написали

Кто именно она блятб? В коллбек мэпа попадет item, index, arr

Кто именно она блятб? В коллбек мэпа попадет item, index, arr

он не про .map

он не про .map

А я попутал ма мистейк сори

она передаётся в map и применяется к елементу списка данных? это просто критично для понимания, а в доке не написали

для начала просто копируй пример, весь текст, только запрос за данными меняй на свой. Затем начинай потихоньку движение. В том что вы скинули, используется InfiniteLoader + List, в List данные рисуются с помощью функции rowRenderer, в которой доступны key,index,style … далее, из-за того, что используется InfiniteLoader появляется возможность описать функцию loadMoreRows .. в общем, начинать надо, чтобы просто завелось, а дальше методом “тыка”, если сложно читать пример. Я сам в былые времена долго въезжал, но таки въехал) либа огонь

эм..я всё это сделал и у меня просто отрисовался список, причём в json'е 26 элементов, а он мне отрисовал 19

метод loadMoreRows описал, но при скролле ничего не происходит

метод loadMoreRows описал, но при скролле ничего не происходит

Добавь консоль лог. Смотри вызывается ли он. Если да - смотри какие аргументы доступны. Проверь правильно ли запрашиваешь следующую порцию данных

эм..я всё это сделал и у меня просто отрисовался список, причём в json'е 26 элементов, а он мне отрисовал 19

То же самое - консоль лог и проверяй что рисуешь. По сколько штук за раз и тд

нет, он не вызывается вообще

а rowCount и в InfiniteLoader и в List - это всегда длина моего списка? не что-то иное?

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

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

он мне ещё дивы в качестве обёртки рисует, а я передаю в качестве компонента <tr>, мне придётся перевёрстывать таблицу под дивы?

он мне ещё дивы в качестве обёртки рисует, а я передаю в качестве компонента <tr>, мне придётся перевёрстывать таблицу под дивы?

https://reactjs.org/docs/fragments.html

напомните как называется хуйня которая ждет N секунд после ввода, а не сразу запрос отправляет

напомните как называется хуйня которая ждет N секунд после ввода, а не сразу запрос отправляет

debounce

спсб

А еще css in js хорош тем что можно спокойно генерить стили для before и after

А еще css in js хорош тем что можно спокойно генерить стили для before и after

а раньше нельзя было?

а раньше нельзя было?

Надо добавить это в доклад ?

а раньше нельзя было?

index.css - endless posiblities, endless perfromance

юзает кто module-resolver?

Парни

Как в webpack динамически подгружать export файлы? не export default?

https://tproger.ru/explain/xyproblem/

>tproger

https://tproger.ru/explain/xyproblem/

=(

>tproger

Суть в тексте

=(

Что?

Что?

?? https://rudevs.network/SJnVLYQm7

?? https://rudevs.network/SJnVLYQm7

Надо туда добавить инфу о проблеме XY

Надо туда добавить инфу о проблеме XY

Добавишь? Я логин пароль не вспомню

ERROR: S client not available

Добавишь? Я логин пароль не вспомню

Я с телефона мучаться не хочу

Как в webpack динамически подгружать export файлы? не export default?

const { Component } = await import()

Привет всем. Есть тут практики, кто использовал стайлд компонентс. У нас в проекте реакт и мы используем BEM для стилизации и поступило предложение использовать стайлд компонентс, но я не смог найти явных преимуществ перед БЕМ. Есть хоть какие-то аргументы для перехода?

@itsjohncena Благодарю

Привет всем. Есть тут практики, кто использовал стайлд компонентс. У нас в проекте реакт и мы используем BEM для стилизации и поступило предложение использовать стайлд компонентс, но я не смог найти явных преимуществ перед БЕМ. Есть хоть какие-то аргументы для перехода?

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

Посмотри презентацию арталара по ним

https://www.youtube.com/watch?v=eOBz3_mQwo8

https://www.youtube.com/watch?v=eOBz3_mQwo8

Ок,спс

Парни, есть кто нибудь, кто использует loadable-componens? Можете подсказать?

Парни, есть кто нибудь, кто использует loadable-componens? Можете подсказать?

Я не использую

Я не использую

Ебать ты Петросян

Ну так в этом же вопрос был, нет?

Ну так в этом же вопрос был, нет?

Там же написано, “Кто использует?”

ну так я и ответил

neprivet.ru ?

Парни, есть кто нибудь, кто использует loadable-componens? Можете подсказать?

https://rudevs.network/SJnVLYQm7

Привет, что вы думаете об этом? https://github.com/necolas/react-native-web

Кстати, а у кого-то есть подборка "Why Ant Design is bad"?

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

Привет, что вы думаете об этом? https://github.com/necolas/react-native-web

да вы уже задрали просто)

И который я по счёту?)

Лучше жиквери пока ничего нет !!!1

И который я по счёту?)

сбился с счету, зачем спамите то?

что лучше, юзать export default connect или @connect через babel?

или есть третий вариант

(читал, что export default не рекомендуется, поэтому думаю, как от него избавиться совсем)

(читал, что export default не рекомендуется, поэтому думаю, как от него избавиться совсем)

Именованный экспорт

Именованный экспорт

Не благодари!

Именованный экспорт

я понимаю, но как конкретно реализовать тут - хз.

может, есть примеры

а, дошло