Size: a a a

2020 August 20

VS

Viktor Sapaiev in React Kyiv
Привет! Мне нужно продебажить код, но Вебпак создаёт мне bundle размером 12 мб, который грузится  14 минут на нужной мне платформе...
Это вообще нормальный размер bundle? Если нет, то как правильно это оптимизировать ? :(
источник

K

Kontsedal in React Kyiv
Nazar Ginailo
Привет, может кто подсказать, как сделать красиво что-то такое:

Есть большой массив объектов и по нему как бы нужно пройтись меньшим.
Что бы в bigArr остались нужные пары ключей-значений

const bigArr = [
 {
   label : 'label',
   field: 'field',
   text: 'text',
   loris: 'loris'
 }
];


const arr = [
 {label: 'label'},
 {field: 'field'},
];

На выходе что-то такое должно получиться:
в объекте bigArr не должно быть ключей из объекта arr

const
bigArr = [
 {
   label : 'label',
   field: 'field',
 }
];
источник

SS

Serhey Shmyg in React Kyiv
Viktor Sapaiev
Привет! Мне нужно продебажить код, но Вебпак создаёт мне bundle размером 12 мб, который грузится  14 минут на нужной мне платформе...
Это вообще нормальный размер bundle? Если нет, то как правильно это оптимизировать ? :(
А мін бандл на цій платіормі скільки буде вантажитись? Доцільно взагалі тоді там щось дебажити?
источник

VS

Viktor Sapaiev in React Kyiv
Serhey Shmyg
А мін бандл на цій платіормі скільки буде вантажитись? Доцільно взагалі тоді там щось дебажити?
Минифицированый нормально отрабатывает )
источник

SS

Serhey Shmyg in React Kyiv
Дебаж на ньому. Приблизно місце бага думаю можна знайти.
источник

SS

Serhey Shmyg in React Kyiv
Або оптимізуй бандл.  Завантажуй лише те що потрібно а не все одразу. Лезі лоадінг з вебпаком - дуже швидко можна зробити.
источник

VS

Viktor Sapaiev in React Kyiv
Я новичок, я не совсем понимаю что ему реально нужно, а что нет. Кучи библиотек, все что то хотя 🤯 Если есть хорошие статьи на эту тему, буду благодарен :)
источник

SS

Serhey Shmyg in React Kyiv
Viktor Sapaiev
Я новичок, я не совсем понимаю что ему реально нужно, а что нет. Кучи библиотек, все что то хотя 🤯 Если есть хорошие статьи на эту тему, буду благодарен :)
Гугли на тему webpack react code splitting
источник

VS

Viktor Sapaiev in React Kyiv
Спасибо! Посмотрю )
источник

SS

Serhey Shmyg in React Kyiv
Viktor Sapaiev
Спасибо! Посмотрю )
В оф документації є такий розділ.
источник

А

Андрюша in React Kyiv
Всім добрий ранок) вдалого дня!
Підскажіть гарну карусельку(слайдер), щоб прям була гуд, бажано з тс
источник

IS

Ihor Sokolov in React Kyiv
swiper
источник

А

Андрюша in React Kyiv
А щось полегше, немає?
источник

IS

Ihor Sokolov in React Kyiv
Андрюша
А щось полегше, немає?
Полегче - в плане размера бандла?
источник

А

Андрюша in React Kyiv
Ihor Sokolov
Полегче - в плане размера бандла?
Да) вибачаюсь за не точність
источник

IS

Ihor Sokolov in React Kyiv
Андрюша
Да) вибачаюсь за не точність
Есть несколько вариантов, но не уверен насчёт размера. Но все же я рекомендовал бы swiper как более универсальный вариант
В общем, посмотри эти варианты  - nuka-carousel, react-alice-carousel. Вероятно, npm сможет еще что-то подсказать
источник

I

Ilya in React Kyiv
Андрюша
Всім добрий ранок) вдалого дня!
Підскажіть гарну карусельку(слайдер), щоб прям була гуд, бажано з тс
Посмотри на react-slick, насчёт сайз не знаю, но апи в целом удобное
источник

IS

Ihor Sokolov in React Kyiv
Ilya
Посмотри на react-slick, насчёт сайз не знаю, но апи в целом удобное
Согласен, но вроде там был jquery как подзависимость или ее уже выпилили?
источник

RA

Ruslan Abdullaev in React Kyiv
Nazar Ginailo
Привет, может кто подсказать, как сделать красиво что-то такое:

Есть большой массив объектов и по нему как бы нужно пройтись меньшим.
Что бы в bigArr остались нужные пары ключей-значений

const bigArr = [
 {
   label : 'label',
   field: 'field',
   text: 'text',
   loris: 'loris'
 }
];


const arr = [
 {label: 'label'},
 {field: 'field'},
];

На выходе что-то такое должно получиться:
в объекте bigArr не должно быть ключей из объекта arr

const
bigArr = [
 {
   label : 'label',
   field: 'field',
 }
];
источник

RA

Ruslan Abdullaev in React Kyiv
если я правильно понял, то если в объекте нет необходимых ключей, то он не должен попадать в результирующий массив?
источник