Задать вопрос
Ответы пользователя по тегу React
  • Как проверить через JS загрузилось ли изображение?

    @foterio
    Только через onLoad, по другому никак. У меня все работает прекрасно.
    Ответ написан
    Комментировать
  • Как лучше делать пагинацию на React?

    @foterio
    Привыкайте запрашивать данные на клиент только, те, которые необходимы. Смысл от 200 товаров, если клиент увидит только 10. Ну или 30. У приложения будет лишний трафик + плата за использование Firebase.
    Запрашивайте первые 20 товаров, остальные подгружайте через useEffect. Все полученные товары кэшируйте на клиенте. Таким образом вы сократите нагрузку на backend и на сеть, так как пользователь может туда сюда по страницам ходить.
    Ответ написан
    Комментировать
  • Общий доступ к данным хранимым в MySql?

    @foterio
    Если перейдете на Postgres (стоит его начать изучать), то можно использовать DBaaS (база данных как сервис) от cockroachlabs с их CockroachDB.
    Дают 10 гигов места для базы данных и 50 млн бесплатных запросов в месяц. Для старта вам хватит.
    Есть еще вариант Atlas но это MongoDB, они дают 512 мегабайт места для базы и тоже DBaaS. Но учитывайте, что MongoDB - это не реляционная база данных, не для всех случаев она подойдет.
    Ответ написан
    Комментировать
  • Какой правильный деплой react + nodejs + nginx?

    @foterio
    Проверьте ваше React приложение.
    У него должно быть два состояния:
    development - когда вы разрабатываете его локально у себя на компе и backend тоже запущен у вас локально
    production - когда оно задеплоено у вас на сервере

    Затем в вашем коде, вы должны предусмотреть примерно следующее:

    // Тут проверяем в каком состоянии мы находимся
    const isDev = process.env.NODE_ENV === ‘development’
    //  Здесь мы меняем путь к нашему api
    const API_URL = isDev ? 'http://localhost:4000' : 'http://ваше-доменное-имя.com/api'
    // И затем уже подставляете ваш API_URL куда вам нужно
    app.post(`${API_URL}/users`, (req, res) => {
       console.log("fetch users")
    })


    Где localhost:4000 - это путь к вашему бэкенду у вас на компе, когда вы разрабатываете приложение
    http://ваше-доменное-имя.com/api - это путь к вашему backend'у, который запущен у вас на сервере

    P. S. Пример сделан для понимая базовых принципов, некоторые моменты специально упрощены. Как делать это красиво и более развернуто, можно поискать в инструкциях по запросу "development production variables react"
    Ответ написан
    Комментировать
  • Как использовать React в продакшене?

    @foterio
    Обычно я всегда делаю на разных инстансах back-end и front-end. В дальнейшем так проще масштабировать в случае повышения загрузки, просто добавите памяти/ядер.
    На каждом сервере с помощью PM2 вы сможете развернуть несколько кластеров ноды. Плюс к этом если добавить memcached вообще будет огонь.
    Ответ написан