Arthur
rovnyart
ага мне тоже написал в лс) правда только "привет"
rovnyart
я уж думал ща будет спрашивать почему редакс не нужон
Sm•ok
Одна цель, один народ, один икс Бэт
rovnyart
я недавно даже порнуху видел, где обыгрывается один икс бет) не поймешь, то ли реально такой ПЛЕЙСМЕНТ, то ли угорают ребята
rovnyart
2 года уже в этой херне варюсь - не представляю даже, реально, как нужно делать вот эти вот рекламные одиниксбеты и казино вулканы, как это на реакте запилить, чтоб максимально унылый был UX, чтобы постоянно что0то всплывало в отдельных окошках, подменялись нажатия кнопок и тд)
Oleg
Евгений Михайлов спам шлет)
Mihail
Mihail
из чата жс нубс
Nikita
Привет всем, есть таблица в реакте, которая мапится с данных которые приходят с БД. У каждой ячейки может быть к примеру класс hide. Подскажите, как мне сделать так что бы по нажатию на ячейку этот класс тоглился? только для одной ячейки, у остальных такой же класс и оставался.
Ivan
Стейт храни тоггл и ссылку на ячейку
Alyona
А зачем реакт?
лендинги иногда бывают сложнее продающей странички ИП Вазген и ко
Ivan
Массив в стейт пихай
Nikita
добавлять каждую нажатую ячейку в массив, а потом проверять есть ли она там?
Anonymous
Ребята, стоит ли сейчас учить реакт на тайпскрипте? в компаниях что требуют чаще? сейчас перехожу с ангуляра на реакт, хочу вкатиться
Ivan
Пока я жду мой хачапури, ещё могу попытаться понять задачу
Andrey
Андрей
Ivan
Ivan
Ivan
Удаляй по закрытию
Nikita
ага, понял, спасибо:)
Oleg
мужики! кто с lazy загрузкой компонентов хорошо дружит? Подскажите пожалуйста: я сделал динамичную подгрузку компонентов. К примеру, по клику на текст (под авторизованным юзером) - показывается модалка, в которой поле редактирования = визивиг редактор. И все зашибись: модалка (сам компонент) лейзи, и подгружается в момент вызова (то есть в отдельном бандле). НО теперь у меня появился общий .chunk бандл, который содержит в себе все необходимые библиотеки, которые подгружаются через import. И получается лажа, что вроде как логика компонента вытащена отдельно и 99% пользователей не видят кода этой модалки и компонента, и что она правильно подгружается в момент вызова только для админа из отдельного js файла... но вот сами библиотеки типа визивиг редактора, лодаша и всего сопутствующего - один фиг вытащены в единый файл единого бандла. Как-то это можно разделить?
Андрей
Oleg
я CRA использую, вроде там все вшито
Oleg
ничего особого не прописывал.. как по инструкции lazy(import) и suspense обертка
Roman
Oleg
100% нет
Андрей
А в CRA vendor бандл собирается?
Oleg
если даже предположить, что лодаш тянется еще какой-нибудь либой (и хрен с ним), то вот draft-js юзаю строго в одном компоненте
Arthur
Oleg
из коробки
Arthur
а покажи импорт компонента
Oleg
Cenator 🐈
Oleg
о, тут точнее так: модалка через lazy импортится, а в ней дочерний компонент, в который просто подключен нужный
Oleg
надо ли каждый дочерний компонет тоже в lazy оборачивать?
Roman
нет
Oleg
импортится так:
const EditableModal = lazy(() => import('./EditableModal'));
.....
<Suspense fallback={<Loader />}>
<EditableModal size={size} name={name} fields={fields} removable={removable} />
</Suspense>
....
Oleg
https://reactjs.org/docs/code-splitting.html#suspense ну то есть вот как тут
Oleg
плюс там уже дочерние компоненты в этот подключаются, которые имеют свои бандлы
Roman
ты уверен что файл с библиотеками грузится сразу же, а не когда на кнопку жмешь?
Oleg
я вижу его в анализаторе бандла, в собранном бандле, который загружается
Oleg
из-за этого происходит проеб в google pagespeed
Dmitriy
Roman
Oleg
Oleg
короче в бандле, который изначально загружается браузером присутствует около 200кб хрени, которая должна быть лейзи и подрубаться по мере необходимости отдельным файлом
Oleg
так это и смотрю)
Oleg
открываю файл в исходниках и делаю поиск по файлу - и вижу эту лажу
Oleg
о как.. у меня lazy компоненты, которые должны подгружаться отдельно - описаны все вместе в index.js файле, типа чтобы именованный импорт фигачить... есть подозрение, что это и вызывает подключение всех библиотек.. щас проверю
Roman
Oleg
щас переписал. И вот судя по этой картинки билда - это было именно то место
Daniil
Daniil
Угу, а в объекте оптимизации был флаг, не помню название, который это тоже контролирует
Oleg
придется возвращаться на export default и импортировать все по отдельности
Oleg
тут проект на CRA сборке, ее разбирать не охота
Daniil
ну тогда ладно
Oleg
щас сделал так - получил на 50% прирост
Oleg
но решение есть короче :) спасибо всем вовлеченным :)
Daniil
Интересно, в кра кроме eject можно как - то влезть в конфиг.
🦜
Daniil
Ужас какой
Bogdan
подскажите, что за файл? первый раз такое
Cenator 🐈
Bogdan
я cra выполнил, захотел ts подрубить и тут понеслось
Nikita
Nikita
Вообще, они по идее должны быть в отдельной директории
Bogdan
редактор не видит версию ts, только 3,5,0 видит
Cenator 🐈
Надо же, еще не начал работу а уже посыпались проблемы
Cenator 🐈
И зачем он нужен, этот тс
Bogdan
пздц, я точно помнб был плагин, где значик майкросовта стоял, куда он делся ?
Cenator 🐈
@ts_ru