Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос

Антон Романков

Frontend-developer
  • 6
    вклад
  • 0
    вопросов
  • 79
    ответов
  • 4%
    решений
Комментарии
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Yandex карты на React - какие лучшие практики в связке с typescript?

    Антон Романков @romant094
    Сорри, ссылку не ту скопировал.
    https://www.npmjs.com/package/@pbe/react-yandex-maps
    Минус — доки нет.
    Написано 21 июл. 2022
  • При верстке сайта пропал скролл, что делать?

    Антон Романков @romant094
    Efiriono, Забавно то, что я взял целиком ваш код...
    Мистика :-)
    Написано 08 июл. 2022
  • Как сделать грамотно сделать header?

    Антон Романков @romant094
    Antony Bark, готово :-)
    Написано 11 мар. 2022
  • Как правильно сделать верстку и стили для контейнера?

    Антон Романков @romant094
    Тогда надо понимать, как элементы должны располагаться на маленьких экранах. С ходу так сложно представить...
    Да, не прочитал до конца, что вы написали, каюсь.
    Написано 10 мар. 2022
  • Как сделать грамотно сделать header?

    Антон Романков @romant094
    Обратите внимание на то, как сделана верстка. Добавил скрин, чтобы продемонстрировать, как ведут себя элементы. Красная обводка — это ul, черная — li.

    6229aed482423513413180.jpeg

    Набросал, как это может быть: https://codepen.io/romant094/pen/ZEagLWz
    Написано 10 мар. 2022
  • Как обыграть UI/UX у такого прототипа?

    Антон Романков @romant094
    Gagatyn, Зависит от целей. Если это что-то типа таблицы, то без проблем. Если эта часть на лендинге, то я бы это в какую-нибудь модалку выносил, либо в отдельный раздел.
    По-хорошему, вы как разработчик вообще не должны об этом думать. Это работа проектировщика/дизайнера.
    Написано более года назад
  • Плавающее либо привязанное всплывающее окно, как эффективнее сделать?

    Антон Романков @romant094
    helboi, Набросал пример: https://codesandbox.io/s/quirky-shadow-ycv2l?file=...
    Но учтите, что он не учитывает ресайз окна. То есть, если мы окно ресайзим, то страницу надо будет обновить. Если это тоже нужно учитывать, то стоит делать реализацию через Redux или его аналог. Можно написать простой аналог самостоятельно. Вот тут описано, как это сделать: https://habr.com/ru/post/439104/
    Написано более года назад
  • Плавающее либо привязанное всплывающее окно, как эффективнее сделать?

    Антон Романков @romant094
    helboi, проверить, не выходит ли правый край за область просмотра.
    getBoundingClientRect для поиска позиции слева и ширины. Так можно вычислить правую координату. Ну и поставить стиль позиции left
    Написано более года назад
  • Как можно обратиться к элементам DOM?

    Антон Романков @romant094
    Не проще ли воспользоваться API?
    Написано более года назад
  • Как в React выполнить последовательно асинхронные функции?

    Антон Романков @romant094
    А почему бы бэку не отдавать категории с группировкой по фильмам? Или в каждый фильм добавить category, а на фронте уже фильтровать по категории.
    Получается на фронте очень сложная логика... Можно, конечно, запихнуть все в промисы и выполнять что-то типа Promise.all, но зачем?

    Можно еще вариант сделать:
    1. получить категории
    2. при клике на категорию получать фильмы для нее

    Будет в разы проще.
    Написано более двух лет назад
  • Как в React выполнить последовательно асинхронные функции?

    Антон Романков @romant094
    Думаю, что дело в промисе.
    showMoviesOfCollections - это синхронная функция
    getCollections - это асинхронная функция, которая будет выполнена после showMoviesOfCollections.

    Я бы рекомендовал сделать так:
    const getCollect = (slug, limit) => {
        getCollections(slug, limit).then(data => {
          if (data.error) {
            console.log(data.error)
            // записать в стейт error
          } else {
            console.log(data.movies)
            // записать в стейт movies
          }
        })
      }

    Также необходимо переписать то, что возвращает компонент на что-то типа:
    {
       movies.length > 0 && movies.map(.....)
    }

    Также дополнительно рекомендую почитать про event loop в браузере.
    Написано более двух лет назад
Самые активные сегодня
  • Evgenii
    • 11 ответов
    • 0 вопросов
  • Drno
    • 8 ответов
    • 0 вопросов
  • Enokin
    Владислав
    • 8 ответов
    • 0 вопросов
  • mayton2019
    • 7 ответов
    • 0 вопросов
  • sharp97
    sharp97
    • 4 ответа
    • 1 вопрос
  • OpenAI
    OpenAI
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации