В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

React Kyiv

1541 membersпожаловаться на группу
2019 December 30

KK

Kicha Kovalski in React Kyiv
Вернер Карл Гейзенберг - Агент Госдепа
Здравствуйте. Как оптимизировать загрузку страници? Гугл вот что рекомендует, но что-то я не нагуглил как провернуть такое на реакте, у меня CRA. И ещё нужно ли все изображения при загрузке на сервер конвертировать в webp? Или может есть вариант по лучше?
webp краще не використовувати, якщо ти плануєш працювати з safari. Без поліфілів safari не підтримує webp
З попереднім завантаженням справи трохи інакше. Позначаючи rel="preload" ти фактично вказуєш своєму сайту, що даний ресурс потрібно завантажити, бо невдовзі він буде потрібен (наприклад фотка). На MDN є чудова більш детальна стаття
источник
02:32пожаловаться#1

В-

Вернер Карл Гейзенберг - Агент Госдепа in React Kyiv
Kicha Kovalski
webp краще не використовувати, якщо ти плануєш працювати з safari. Без поліфілів safari не підтримує webp
З попереднім завантаженням справи трохи інакше. Позначаючи rel="preload" ти фактично вказуєш своєму сайту, що даний ресурс потрібно завантажити, бо невдовзі він буде потрібен (наприклад фотка). На MDN є чудова більш детальна стаття
Я думав прелоад не можна використати з реактом, тому що вся статика імпортується?
источник
02:36пожаловаться#2

KK

Kicha Kovalski in React Kyiv
Вернер Карл Гейзенберг - Агент Госдепа
Я думав прелоад не можна використати з реактом, тому що вся статика імпортується?
Статика імпортується, але після збирання бандлу в тебе вийде просто (не просто) html/css/js + ресурси (фото, шрифти і т.п.). При відкритті твого сайту браузер буде окремо завантажувати кожен файл, коли зустріне посилання на нього.
Наприклад якщо в тебе є модальне вікно з фоткою, яке рендериться пізніше - фотка буде завантажена в момент відкриття вікна (а точніше почне завантажуватися)
источник
02:41пожаловаться#3

В-

Вернер Карл Гейзенберг - Агент Госдепа in React Kyiv
Kicha Kovalski
Статика імпортується, але після збирання бандлу в тебе вийде просто (не просто) html/css/js + ресурси (фото, шрифти і т.п.). При відкритті твого сайту браузер буде окремо завантажувати кожен файл, коли зустріне посилання на нього.
Наприклад якщо в тебе є модальне вікно з фоткою, яке рендериться пізніше - фотка буде завантажена в момент відкриття вікна (а точніше почне завантажуватися)
І як прописати це в реакті для імпортованої статики щоб при білдінгу додавалися прелоад?
источник
02:43пожаловаться#4

KK

Kicha Kovalski in React Kyiv
Вернер Карл Гейзенберг - Агент Госдепа
І як прописати це в реакті для імпортованої статики щоб при білдінгу додавалися прелоад?
Якщо по простому -  в index.html в head пропиши через link
Якщо в тебе купа ресурсів і вони часто міняються - спробуй preload-webpack-plugin.
источник
02:49пожаловаться#5

В-

Вернер Карл Гейзенберг - Агент Госдепа in React Kyiv
Kicha Kovalski
Якщо по простому -  в index.html в head пропиши через link
Якщо в тебе купа ресурсів і вони часто міняються - спробуй preload-webpack-plugin.
Добре. Дякую
источник
02:50пожаловаться#6

KK

Kicha Kovalski in React Kyiv
Будласка 😉
источник
02:51пожаловаться#7

DK

D. Kravchenko in React Kyiv
Привет. Кто-то знает как сделать деплой на дроплет DO командой?
источник
14:09пожаловаться#8

DG

Dimitri Grinkevich in React Kyiv
sticker.webp
(18.8 Кб)
источник
14:32пожаловаться#9

VZ

Viacheslav Zhuravskyi in React Kyiv
D. Kravchenko
Привет. Кто-то знает как сделать деплой на дроплет DO командой?
Чтобы писать что-то вроде npm deploy?
источник
14:33пожаловаться#10

VZ

Viacheslav Zhuravskyi in React Kyiv
Ну можешь написать bash скрипт, который будет деплоить, его дёргать через нодовский модуль exec, а вызывать exec в каком-то файле. И тогда "deploy": "node deploy.js"
источник
14:35пожаловаться#11

A

Abstract in React Kyiv
Друзья, как через FormData отправить массив файлов?
источник
14:42пожаловаться#12

DZ

Dmitry Zherebko in React Kyiv
D. Kravchenko
Привет. Кто-то знает как сделать деплой на дроплет DO командой?
Docker machine
источник
14:45пожаловаться#13

DZ

Dmitry Zherebko in React Kyiv
И docker compose
источник
14:45пожаловаться#14

AR

Alexey Raspopov in React Kyiv
Abstract
Друзья, как через FormData отправить массив файлов?
Не только лишь парни
источник
14:46пожаловаться#15

A

Abstract in React Kyiv
Ахах, прошу прощения
источник
14:48пожаловаться#16

A

Abstract in React Kyiv
Исправил, чтобы никого не обидеть
источник
14:49пожаловаться#17

DK

D. Kravchenko in React Kyiv
Viacheslav Zhuravskyi
Ну можешь написать bash скрипт, который будет деплоить, его дёргать через нодовский модуль exec, а вызывать exec в каком-то файле. И тогда "deploy": "node deploy.js"
Я так и хотел, только не сильно знаю, как это сдалать. Есть знакомые ресурсы?
источник
14:51пожаловаться#18

AM

Anastasiya Mashoshyna in React Kyiv
Abstract
Друзья, как через FormData отправить массив файлов?
А в каком смысле массив файлов? С гарантированным порядком? Если просто несколько файлов в одном поле, то вот пример с MDN:
As with regular form data, you can append multiple values with the same name. For example:
formData.append('userpic[]', myFileInput.files[0], 'chris1.jpg');
formData.append('userpic[]', myFileInput.files[1], 'chris2.jpg');


Не очень понятен вопрос, в общем.
источник
14:55пожаловаться#19

A

Abstract in React Kyiv
Anastasiya Mashoshyna
А в каком смысле массив файлов? С гарантированным порядком? Если просто несколько файлов в одном поле, то вот пример с MDN:
As with regular form data, you can append multiple values with the same name. For example:
formData.append('userpic[]', myFileInput.files[0], 'chris1.jpg');
formData.append('userpic[]', myFileInput.files[1], 'chris2.jpg');


Не очень понятен вопрос, в общем.
Только что нашёл как раз этот вариант. Сейчас попробую
источник
14:58пожаловаться#20