Задать вопрос
Контакты

Достижения

Все достижения (2)

Наибольший вклад в теги

Все теги (41)

Лучшие ответы пользователя

Все ответы (99)
  • Redux и MobX - плюсы и минусы, когда лучше что использовать?

    vahe_2000
    @vahe_2000
    4 причины использовать MobX
    1. 1 Легко научиться и использовать
    2. Меньше кода писать
    3. Полная поддержка объектно-ориентированного программирования
    4. Работе с вложенными данными легко
    2 Причины не использовать MobX
    1. Слишком много свободы
    2. Трудно отлаживать


    Я использую MobX сейчас, потому что я могу писать код в 3 раза быстрее, чем с Redux.

    Редукс в значительной степени зависит от принципов функционального программирования:
    На мобкс влияет объектно-ориентированное программирование и принципы реактивного программирования:
    Ответ написан
    Комментировать
  • Зачем использовать server-side rendering? Какие преимущества у рендеринга на сервере?

    vahe_2000
    @vahe_2000

    кстати очень хороший вопрос


    Использовать SSR, если...
    Тебе нужно с Bing, Yahoo или Baidu,Google.
    У вас уже есть работающее приложение, требующее максимальной производительности, и оно готово заплатить за дополнительные ресурсы сервера.

    Не используйте SSR, если...

    Ресурсы сервера ограничены, возможно, из-за низкого бюджета или невозможности масштабирования.

    SSR это очень круто но в некоторых случаях это имеет недостатки.

    1. Рендеринг стороне сервера помогает seo, но иногда Google может найти ваше содержание без SSR.
    2. SSR обычно повышает производительность вашего приложения, но не всегда.
    3. Это повысит сложность приложении, что означает меньше времени работы с другими функциями и улучшениями.
    SSR улучшает производительность

    После того как браузер загрузит HTML-и CSS, он может отображать визуализированные компоненты пользователю, не дожидаясь загрузки JavaScript или реакции на визуализацию.

    Если файл JavaScript очень велик, это может быть большим улучшением.

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

    SSR снижает производительность

    SSR является больше работы для вашего сервера, так что ваш ответ HTTP займет немного больше времени, чтобы вернуться. Гораздо дольше, если ваши серверы находятся под большой нагрузкой.

    Размер вашего HTML будет увеличена и займет больше времени для загрузки. Для большинства приложений этого должно быть незначительным, но может стать фактором, если ваш REACT компоненты содержат длинные списки или таблицы.

    Другие факторы производительности

    Когда один пользователь загружает несколько страниц на вашем сайте или возвращает часто, ваш JavaScript-файл должен быть кэширован. SSR обеспечит менее прирост производительности в этой ситуации.

    Мы не можем сказать, производительность лучше с SSR или производительность хуже с SSR. В целом ни заявление будет верно сказать что ssr это хорошо


    используйте zeit/now с zeit/next.js
    наверно слышали или пробовали
    Ответ написан
    Комментировать
  • Анимация при открытии страницы?

    vahe_2000
    @vahe_2000
    Нужно использовать свойства анимация animation-delay
    -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
     animation-delay: 2s;

    Это определяет задержку анимации
    Значение задержки анимации определяется в секундах (s) или миллисекунд (ms).
    Если вы назначаете -2s анимация начнется сразу 2 секунд спустя.
    Не знаю смог хорошо объяснить, смотрите в этом пример..Даже пример который вы указали анимация начинается при наведения курсора там есть блок <div></div>
    назначим
    HTML
    <div></div>
    значения назначем none
    CSS
    div {
        width: 100px;
        height: 100px;
        background: red;
        position: relative;
        -webkit-animation: mymove 2s infinite; /* Chrome, Safari, Opera */
        -webkit-animation-delay: none; /* Chrome, Safari, Opera */
        animation: mymove 2s infinite;
        animation-delay: none;
    }
    
    /* Chrome, Safari, Opera */
    @-webkit-keyframes mymove {
        from {left: 0px;}
        to {left: 200px;}
    }
    
    @keyframes mymove {
        from {left: 0px;}
        to {left: 200px;}
    }
    Ответ написан
    Комментировать
  • React Render Performance?

    vahe_2000
    @vahe_2000
    https://github.com/nitin42/react-perf-devtool/ новый для React Fiber
    Ответ написан
    Комментировать

Лучшие вопросы пользователя

Все вопросы (13)