• Почему React.StrictMode ломает приложение?

    @i1yas
    Внутри map делать вот такое
    if (todo.id === id) todo.completed = !todo.completed
    return todo

    Действительно, что могло пойти не так.

    Strict Mode, в частности:
    Strict mode can’t automatically detect side effects for you, but it can help you spot them by making them a little more deterministic. This is done by intentionally double-invoking the following methods:

    ...
    setState updater functions (the first argument)
    ...


    Вот это выражение:
    if (todo.id === id) todo.completed = !todo.completed
    это сайд-эффект.

    Должно быть:
    if (todo.id === id) return { ...todo, completed: !todo.completed }
    Ответ написан
    2 комментария
  • Как сменить иконку при наведении на элемент за пределами карты?

    0xD34F
    @0xD34F Куратор тега Яндекс.Карты
    Сложить метки в массив, по событиям mouseover/mouseout на элементах за пределами карты получать их, элементов, индекс (можно хранить его в data-атрибуте), по индексу извлекать соответствующую метку из массива и обновлять её свойства.

    jsfiddle.net/n8k5L7z3
    Ответ написан
    Комментировать
  • Как переписать данный код на async/await?

    Lynn
    @Lynn
    nginx, js, css
    const deletePromises = ids.map(id => {
      return new Promise(resolve => {
        return this.delete(id).then(data => resolve(data))
      });
    });

    Вот это бессмысленное использование new Promise. this.delete(id) это уже промис, так что это код переписываем в
    const deletePromises = this.data.map(item => this.delete(item.id));


    Дальше то же самое.
    return Promise.all(deletePromises).then(() => {
      runInAction(() => {
        this.data = [];
      });
    });


    А теперь перепишем это на async/await
    async deleteAll() {
      const deletePromises = this.data.map(item => this.delete(item.id));
      await Promise.all(deletePromises);
      runInAction(() => {
        this.data = [];
      });
    }


    UPD: почитал https://mobx.js.org/best/actions.html#async-await и исправил
    Ответ написан
    4 комментария
  • Как правильно подключить vuejs?

    Fragster
    @Fragster
    помогло? отметь решением!
    https://ru.vuejs.org/v2/guide/components-edge-case... => https://jsfiddle.net/gbcykeq2/
    А вообще пора бы переходить на сборку фронтенда :)
    Ответ написан
    Комментировать
  • Анимация переходов Vue?

    @anatoliy_vas15 Автор вопроса
    Я нашел, если кому-то понадобится, то вот
    https://page-transitions.com/
    Ответ написан
    Комментировать
  • Какие имеются недостатки у next.js?

    @Invision70
    Решил недавно сделать небольшей проект на nextjs. Все взял из коробки с Redux.
    Скорее всего я криворукий, но вот проблемы с которыми я столкнулся:
    1. Упакованный Docker образ весит 600МБ+! Ничего тяжелого у меня в проекте нет, верстка, 15 страниц и текст.
    Нагуглил решение упаковать билд в pkg. Следовал всем инструкциям, убил 1 день, так и не смог запустить. В /snapshot по неведомой причине отсутствует папка .next внутри пакета, package.json конфигурировал и не помогло, гугление не дало должных результатов.
    2. По непонятной логике работает билд на бэке. Иногда переход по ссылкам мгновенный как положено "на толстом клиенте", но иногда зависает на 3-5 секунд переход и появляется справа прелоадер nextjs и заметно подтупливает, хотя ранее страница уже билдилась.

    Можете закидать меня тапками гуру next.js, но брать продукт из коробки и трахаться с проблемами о которых я даже не должен думать так себе затея.

    Для тех кому JS это панацея от всего и для всего продукт явно зайдет.
    Ответ написан
    3 комментария
  • Почему такие крупные сайты как yandex и hh неверно определяют местонахождение пользователя?

    SilenceOfWinter
    @SilenceOfWinter
    та еще зажигалка...
    у провайдера есть пулл адресов и выдаются они динамически т.ч. если сервис не подвязан на данные геолокации ОПСОСОВ, то могут быть расхождения.
    Ответ написан
    Комментировать
  • Почему такие крупные сайты как yandex и hh неверно определяют местонахождение пользователя?

    @vitaly_il1
    DevOps Consulting
    А вы проверяли как ваш IP резолвится в dadata / maxmind?
    Определение крупного города - задача очень простая, даже бесплатные базы дают отличную точность.
    Ответ написан
    6 комментариев
  • Зачем frontend девелоперу такой большой опыт?

    inoise
    @inoise Куратор тега Карьера в IT
    Solution Architect, AWS Certified, Serverless
    быть офисным рабом на постоянной основе я точно не хочу


    Дальше можно, в принципе, не читать это нытье. Если вы не понимаете рынок, но при этом жадный до денег то что вы тут вообще в разработке забыли?
    Ответ написан
  • Зачем frontend девелоперу такой большой опыт?

    Maksclub
    @Maksclub Куратор тега Карьера в IT
    maksfedorov.ru
    Ну как бы человек просто глупеет с возрастом. Мозг хуже работает информация хуже усваивается.

    При всем уважении, я освоил программирование в 27 лет :) Мне сейчас 29, не чувствую отсталости ума :):) Вы можете сказать, что меня уделаете, но я могу утверждать, что вы меня и 19 летнего бы уделали с большей скоростью :)

    Его дело книжки писать бесполезные.
    Наверно ушатаю. Его школьник олимпиданик ушатает 200% на им же созданном языке )

    Вы же довольно умный, зачем вы соревнуетесь с остальными, а не с собой, улучшайте себя!
    Устройтесь в Гугл, напишите новую опен-сорс библиотеку, заработайте через год больше, чем сейчас, кого вы обогнать хотите? Есть куча людей, которые зарабатывают БОЛЕЕ несправедливые деньги БОЛЕЕ несправедливым способом и которые при этом БОЛЕЕ глупее, почему вы выбрали относительно честных и работающих людей в цели для уничижения?!

    Зачем frontend девелоперу такой большой опыт?

    я бы не отказался поработать пол годика с такой зп


    Кроме того, все олимпиадники или в ВК, или в Jetbrains или в Google, точно не без работы, и их всего лишь десятки. А в между прочим вакансий за 2 недели по одной только Java около 3000 штук только на одну Москву. И то в рынке HR воют, что нет инженеров.

    UPD:
    Проглядывается не просто максимализм, а некий снобизм, некая ненависть к тем,
    кто ПО ВАШЕМУ взгляду бездарь. Зря вы так.
    Ответ написан
    21 комментарий
  • Зачем frontend девелоперу такой большой опыт?

    @bozuriciyu
    Зашел значит на hh.ru вбил


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


    React Redux javascript все эти Вебпаки и тд это нереально простые вещи не требующие так много опыта


    Если человеку понадобилось столько лет для освоения всего этого он очень глуп и бездарен, развивается медленно.


    Я просто посмотрел доки и понимаю насколько это просто. За неделю можно написать 1-2 проекта максимально использующие все что было изучено, чтобы закрепить знания. Потом почитать на стеке и в других местах основные проблемы которые возникают у других разработчиков, популярные практики и многое другое. И все!


    Так в чем проблема? Вперед, иди разрывай их всех. Или, дай угадаю, ты первым делом сюда прибежал, еще НИЧЕГО не попробовав?

    5d7584d95e90a804618712.png

    Ну не странная ли ситуация? Вместо того чтобы ГЕНИЮ, который за неделю может освоить реакт, всю экосистему, вебпак и тд на уровне исходников и рубить БАБЛО, он бежит на Тостер высмеивать макак-фронтендеров? Это много говорит о нашем герое. Жаль я не смогу проследить ваш процесс "вкатывания"))

    Я не понимаю почему этот вопрос вообще жив. Это не вопрос, это набрасывание говна на вентилятор.
    Ответ написан
    Комментировать
  • Как вы используете Git во front-end?

    @fetis26
    Ну, за фронтенд!
    Какая-то замороченная, если не сказать неправильная структура.
    В общем случае вам пока хватит 2 веток: master где лежит стабильный код и develop для разработки.
    В игноре обычно лежат node_modules и любые генерируемые файлы.
    Частота коммитов на ваш вкус. Обычно в него стараются положить какую-то законченную работу. Чем коммит меньше по изменения, тем легче отслеживать изменения в истории.

    Я так понимаю никакой системы ведения задач нет?
    Ответ написан
    2 комментария
  • Как вы используете Git во front-end?

    romy4
    @romy4
    Exception handler
    > Как вы используете Git во front-end?
    да

    > Для каждой страницы (index, about, contact и проч.) буду создавать по ветке.
    безумие)

    вы задолбаетесь с мерджами
    одна задача — одна ветка. потом сразу мердж в мастер.
    Ответ написан
    1 комментарий
  • Изменить значение глобальной переменной из задачи gulp?

    werty1001
    @werty1001
    undefined
    False потому что fs.stat выполняется асинхронно, чтобы синхронно вот fs.statSync(path)
    Ответ написан
    2 комментария