Юзал модуль react-chartjs-2 для рисования графиков в таблице (их много а рисую по 100), так вот библиотека весила много и мало функционала и я решил перейти на highchartjs для реакта, которая весит почти в 2 раза меньше но при этом функционала в 3 раза больше. Все в целом неплохо но появилась одна проблема: когда я начинаю листать страницу (рисуются следующие 100 графиков) время отрисовки highchartjs занимает в 3-4 раза больще отчего чем у react-chartjs-2 и появляется эффект зависания страницы на скунды 3. Как это можно пофиксить?

Привет всем! Подскажите как получить ref на domNode styled-components v4. Использую createRef но он не возвращает dom

isSelected: null isSelected === null || isSelected === item.index

пример можно?

Всё остальное на свой вкус

мне то изначально нужно, чтобы все были видны. Твой нул их все скрывает https://i.paste.pics/1232696f6c065c97f692d605ce2a7a0d.png

Хоть на наведение меняй

такого рода код я уже писал

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

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

Я пилю свое приложение - react и firebase, доволен

я тоже проникся

я тоже проникся

Одобрено

мне то изначально нужно, чтобы все были видны. Твой нул их все скрывает https://i.paste.pics/1232696f6c065c97f692d605ce2a7a0d.png

Тебе походу не только туториал по реакту нужно пройти

Ну над стейтом внутри стейта орнул, спасибо

Похоже на говно

Похоже на говно

это вуист

:D

мне то изначально нужно, чтобы все были видны. Твой нул их все скрывает https://i.paste.pics/1232696f6c065c97f692d605ce2a7a0d.png

это что такое

мне то изначально нужно, чтобы все были видны. Твой нул их все скрывает https://i.paste.pics/1232696f6c065c97f692d605ce2a7a0d.png

Молодой человек, у вас с именованием проблемы

Народ кто со styled components работает подскажите как получить ref на dom в 4 версии?

ребята, всем привет. Кто нибудь знает атрибут autocomplete по умолчанию стоит on ? Если да, то почему тогда в реакте когда я ставлю инпут, то не идет autocomplete ? Имею виду что подсказки не всплывают. Может в реакте надо включать его ? За ранее спасибо )

Народ кто со styled components работает подскажите как получить ref на dom в 4 версии?

там же написано в доке. Так же через ref

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

а напомните либу для дейтпикеров типа downshift?

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

Похоже на говно

А что в том фрагменте не так?)

Просто у меня возвращается такая штука

Т.е я так понимаю сам инстанс

кто может пояснить что тут не так?

Ребят, делю 1 файл на контейнеры и компоненты, в родителе есть методы, компонент стилей, и тд Я создал дочерний компонент, в него хочу прокинуть компонент со стилями, как это правильно сделать? Style={styless} или по другому ? Или компонент со стилями тоже вынести нужно и дальше прокидывать везде?

Ребят важна ли семантика в spa?

?важна

Просто у меня возвращается такая штука

Попробуй console.dir вместо log

Ребят важна ли семантика в spa?

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

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

про стейт извиняюсь, мне показалось на телефоне, сорян. А на счет твоего замечания. Вопросы надо задавать правильно, это особенно важно в кругах разработчиков, вопрос как хаус, чем меньше нужно сопутствующих вопросов, тем правильнее ответ ты получишь. Ты задал плохой вопрос, тебе дали ответ, ты не вникся в него и отверг его. Так что не вижу тут смысла обижаться

Текущего юзера лучше хранить в localstorage или в session storage?

Есть ли вообще принципиальная разница?

?cookie

Есть ли вообще принципиальная разница?

вы ведь не хотите терять юзера после закрытия вкладки?тогда зачем вам sessionStorage

?у @artalar где-то была табличка для сравнения local storage vs cookie

Не знаю, может быть это безопаснее)

Не знаю, может быть это безопаснее)

безопаснее нигде не хранить. Иначе после разлогина есть риск забыть эти данные в сторадже

Окей, спасибо)

?у @artalar где-то была табличка для сравнения local storage vs cookie

@artalar очень интересно было бы посмотреть, спасибо

Все что секьюрно в куки и все

Желательно ещё и httpOnly

Если дла сессий - да

Народ сколько в среднем должен весить билд в котором юзаются графики?

1гб

Да и вообзе какой размер уже является непиемлемым для билда?

1гб

найс жоук

5гб

5гб

то есть скачивать билд с торрента и потом запускать?)

Да и вообзе какой размер уже является непиемлемым для билда?

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

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

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

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

просто у меня, когда я юзал один модуль для графиков, продакшн билд достигал 3 метров) я просто не знаю это норм или совсем худо, так то когда билдишь вебпаком он пишет что оптимальный вес билда 224 kb

ну как по мне это совсем чот мало)

ну как по мне это совсем чот мало)

это ж гзип не?

ну и 3мб гзипа в проде это оч дофига

?такое ощущение что вы графики вставляете огромной картинкой base64

это ж гзип не?

не, он говорит, что мол с гзипом он будет весить столко то, а потом добавляет: "WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance. Entrypoints:"

Разбивай на чанки

ну в любом случае 3мб это гонево

ERROR: S client not available

не, он говорит, что мол с гзипом он будет весить столко то, а потом добавляет: "WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance. Entrypoints:"

У тебя скорее всего много места занимают изображения и шрифты. Либо слишком много библиотек поподключал

Посмотри так же на тришейкинг

Разбивай на чанки

optimization: { splitChunks: { chunks: 'all' } }, я так делаю вебпакоми он типа извлекает повторяющие модули в компонентах в отдельный файл vendors. Но по сути получается почти тоже самое) разве что плюс в том что все либы закешируются и потом будут грузиться лишь компоненты весьм в 100 кб

кстати я пользуюсь своим собственным конфигом вебпака для реакте и у меня выходит около 3.5 мб а вот если я собираю конфигом create-react-app то получается 500кб))) при этом никакх вендорс и тд нету, тупо 1 файл. я вообще в шоке как они так делают

кстати я пользуюсь своим собственным конфигом вебпака для реакте и у меня выходит около 3.5 мб а вот если я собираю конфигом create-react-app то получается 500кб))) при этом никакх вендорс и тд нету, тупо 1 файл. я вообще в шоке как они так делают

просто кто-то рукожоп

просто кто-то рукожоп

да это понятно)) я ужу думал посмотреть их конфиг и разобраться в нем да никак руки не доходят

да это понятно)) я ужу думал посмотреть их конфиг и разобраться в нем да никак руки не доходят

15 минут времени

можно в обед посмотреть

15 минут времени если ты спец по вебпаку)) а так получится больще))

всем привет

ребят, передал с родителя ребенку метод через пропсы который меняет состояние стейта в родителе, хочу запустить в ребенке его по онклику, но не понимаю что не так... передаю ребенку пропсы: <Header handleDrawerOpen={() => {this.handleDrawerOpen}}/> <IconButton onClick={handleDrawerOpen()} > пишу так из-за диструктуризации const { handleDrawerOpen} = this.props;

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

ребят, передал с родителя ребенку метод через пропсы который меняет состояние стейта в родителе, хочу запустить в ребенке его по онклику, но не понимаю что не так... передаю ребенку пропсы: <Header handleDrawerOpen={() => {this.handleDrawerOpen}}/> <IconButton onClick={handleDrawerOpen()} > пишу так из-за диструктуризации const { handleDrawerOpen} = this.props;

<IconButton »»»this.onClick={handleDrawerOpen()} может тут зис добавить нужно? >

<IconButton »»»this.onClick={handleDrawerOpen()} может тут зис добавить нужно? >

пишу так из-за диструктуризации const { handleDrawerOpen} = this.props;

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

только в санках нужен

ребят, передал с родителя ребенку метод через пропсы который меняет состояние стейта в родителе, хочу запустить в ребенке его по онклику, но не понимаю что не так... передаю ребенку пропсы: <Header handleDrawerOpen={() => {this.handleDrawerOpen}}/> <IconButton onClick={handleDrawerOpen()} > пишу так из-за диструктуризации const { handleDrawerOpen} = this.props;

ты передаешь результат вызова а не саму функцию

только в санках нужен

объясни пожалуйста, зачем это нужно

как это работает

ребят, передал с родителя ребенку метод через пропсы который меняет состояние стейта в родителе, хочу запустить в ребенке его по онклику, но не понимаю что не так... передаю ребенку пропсы: <Header handleDrawerOpen={() => {this.handleDrawerOpen}}/> <IconButton onClick={handleDrawerOpen()} > пишу так из-за диструктуризации const { handleDrawerOpen} = this.props;

тут вообще ничего не возвращается, если синтаксис сохранен

=> {this.handleDrawerOpen}

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

=> {return this.handleDrawerOpen} || => handleDrawerOpen

так должно работать

Привет/ как в массиве объектов поменять property объекта по ключу, и вернуть весть массив ??

объясни пожалуйста, зачем это нужно

Непонятен вопрос

Непонятен вопрос

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

выходит так

=> {return this.handleDrawerOpen} || => handleDrawerOpen

если честно - не совсем понял)

передал не так или принял и обработал не так)

а нужен весь