Где хранить много картинок для сайта на React?

Question

Я зелёный новичок. Разрабатываю pet-проект на React суть которого - большая галерея картинок. Столкнулся с вопросом, где мне все эти картинки хранить. Неужели нужно каждое изображение добавлять в Redux, и в ручную раскидывать по компонентам? Картинок будет очень много. Или же есть способ сделать это быстрее и проще? Подскажите пожалуйста, как это правильнее всего реализовать?

Answer 1

На backend, советую попробовать Appwrite Storage API. На фронте Redux или любой другой стейт менеджер

import { fetchApi, useAsyncValue } from "react-declarative";

const App = () => {

  const [items] = useAsyncValue(async () => {
    return await fetchApi('/api/v1/images');
  });

  if (!items) {
    return <p>Loading...</p>
  }

  return (
    <>
      {items.map((src) => <img key={src} src={src} />)}
    </>
  )
}

БЛОГ НА HUSL

Где хранить много картинок для сайта на React?

Ответы (1 шт):