Локальные изображения против внешнего сервиса изображений в ReactJS

Question

Я создаю веб-приложение с ReactJS для моего интерфейса и API-интерфейса рельсов. Я должен показать всего 4 изображения в целом во всем приложении; эти 4 изображения выбраны из группы приблизительно из 50 изображений, и эта группа не будет сильно расти (максимум 10 изображений в год). Предполагается, что 4 изображения меняются каждые 3-7 дней.

Итак, я подумал, с точки зрения производительности, производительности и цены , , как лучше всего обрабатывать мои изображения между следующими :

• Создайте локальную статическую папку img в моем интерфейсе React со всеми изображения и импортировать их в мои компоненты.
• Воспользуйтесь услугой загрузки / хранения изображений, например, например. Cloudinary, Imgx, AWS S3 ... с моим рельсовым бэкэндом для обслуживания моих изображений.

Или, может быть, есть даже лучшее решение, чем эти два?

Answer 1

В связи с характером программного обеспечения, которое вы описываете, я бы посоветовал вам заняться созданием локальных и статических изображений в своем приложении переднего плана реагирования.

Основная причина этого заключается в том, что:

1. Вы упомянули, что это будет не более 10 изображений в год, поэтому легко обрабатывать его вручную, когда вам нужно его обновить.
2. Вы не будете зависеть от сторонних производителей с точки зрения хранения (в отличие от использования AWS S3 или любого другого провайдера, где вы будете без необходимости зависеть от него)
3. Изображения будут работать независимо от бэкэнд-сервера API, поэтому даже если в бэкэнде есть какой-то сбой, платформа будет еще более устойчивой, не завися от того, что бэкэнд-сервер показывает эти изображения.
4. Это также уменьшит пропускную способность, используемую между сервером и клиентом, каждый запрос изображения будет «попадать» в клиентское приложение, которое должно было автоматически кэшироваться в файлах JS, CSS и Images, поэтому оно было бы автоматически оптимизировано для лучшего масштабирование.