Или как можно самому без боли такое сделать

Ребят, подскажите пожалуйста норм либу с дропдауном мультиселектом чтоб не много весила, менее 8-10 кб

я использую https://mobx.js.org/index.html никаких нет проблем, хоть массив, хоть мапа.

https://github.com/clauderic/react-sortable-hoc такое хочешь? у них оч классно сделано на хоках

Спасибо, интересная библиотека, но мне нужен не драгндроп, а мультиселект дропдаун)

что за рекомендации такие? кто их дает?

Спасибо, интересная библиотека, но мне нужен не драгндроп, а мультиселект дропдаун)

Да гуглил и часто пишут такое

может имеется ввиду что бандл нужно разбивать на чанки и чтоб один чанк не превышал 250кб

Забавно тут https://ru.reactjs.org/docs/code-splitting.html#named-exports пишут используйте export default чтоб работал tree shaking, а тут как-то писал кто-то, что всегда используйте обычный export

Насколько я помню, этот лейзи лоадинг работает когда нужно отрендерить этот лейзи компонент. Например есть страница с компонентом А, и вторая страница с компонентом Б, который загружается лейзи. Пользователь перешёл на страницу А и скачал бандл с компонентом А. Второй бандл он не скачал, так как рендерить компонен Б не нужно пока что. Когда пользователь перейдёт на вторую страницу он скачает бандл с Б и он отрендерится. Что я хочу сделать так это чтоб сначала скачался бандл с А при переходе на страницу А, но после того как бандл скачался, в фоне начал качаться бандл с Б, чтобы при переходе на вторую страницу не было задержки

Насколько я помню, этот лейзи лоадинг работает когда нужно отрендерить этот лейзи компонент. Например есть страница с компонентом А, и вторая страница с компонентом Б, который загружается лейзи. Пользователь перешёл на страницу А и скачал бандл с компонентом А. Второй бандл он не скачал, так как рендерить компонен Б не нужно пока что. Когда пользователь перейдёт на вторую страницу он скачает бандл с Б и он отрендерится. Что я хочу сделать так это чтоб сначала скачался бандл с А при переходе на страницу А, но после того как бандл скачался, в фоне начал качаться бандл с Б, чтобы при переходе на вторую страницу не было задержки

это уже не lazy, а eager loading лэйзи оно потому и лейзи ,что ленивое - само не грузится import('moduleB').then(...) в конструктор модуля А добавить можно попробовать.

Это у меня какой-то лейзи eager)

И ещё,я правильно понимаю, что неважно сколько компонентов я из реакт бутстрапа использую, в бандл идёт вся библиотека?

google webpack stats, webpack stats visualizer

С cra пробовал source map explorer, не вышло

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

Пару недель рабочего времени потратил на переезд с устаревшего конфига на вполне небольшом проекте...

Пару недель рабочего времени потратил на переезд с устаревшего конфига на вполне небольшом проекте...

Пару недель рабочего времени потратил на переезд с устаревшего конфига на вполне небольшом проекте...

Поэтому я пожалуй останусь с cra))

Поддержка кастомного конфига не самое дешевое удовольствие. Поддержка и использование CRA намного дешевле

Ну хуй знает, завели конфиг в начале проекта, за год аптейд был в основном: 1) Конфиг под сср 2) Всякие свистоперделки по оптимизации 3) Переезд на 4 вебпак В сумме на все это ушло ну максимум неделька, если не меньше.

тихо ты

не важно чё ты там вызываешь, если ты делаешь setState это заставляет компонент сделать render

ref?

Правильно ли обновлять данные в стейте (вызывать setState) в коллбэках эвентов мыши? Допустим, есть канвас, я с помощью курсора передвигаю его содержимое и с каждым вызовом коллбэка вызывается setState.

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

Затем, чтобы декларативно описывать компонент. Например react-konva для этого есть

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