Ответы пользователя по тегу Vue.js
  • Как быстрее/правильнее загружать данные?

    uaKorona
    @uaKorona
    Front-End разработчик
    Можно сделать подгрузку данных в фоне.
    Т.е. загружаете первый раз только то, что пользователь видит на первой странице. Показываете ему и в фоне отправляете запросы на оставшиеся данные.

    Хорошо работает на средних объемах.
    Получите бонус по скорости отображения, особенно если данные меняются не часто. Пользователь ушел на другой роут, потом вернулся - вы достали данные из стейта и показали. Никаких запросов.

    При этом вам нужно будет:
    1. Использовать vuex - чтобы хранить данные в стейте
    2. Писать логику поиска/сортировки/фильтрации/пагинации на фронте
    Ответ написан
    Комментировать
  • Зачем нужен Vuex, если хранилище можно эмулировать с помощью data в рутовом экземпляре?

    uaKorona
    @uaKorona
    Front-End разработчик
    Одно дело, когда мы используем Redux для React'a, так как в последнем в руте у нас просто компонент, который свои состояния посылает в другие компоненты через props.


    Вы не поверите, но Vue - это тоже просто рутовый компонент :)
    Ответ написан
    Комментировать
  • Полезно ли изучать React/Redux, если хочешь работать с VueJS?

    uaKorona
    @uaKorona
    Front-End разработчик
    "React навязывает хорошие практики, Vue дает слишком много свободы и новичку проще накодить с душком"


    На самом деле, на реакте/редакс можно писать так же плохо, как и на всем остальном :)
    Если вы хотите из верстальщика перейти в JS - то я бы смотрел на Vue. Вам будет проще. А параллельно будет учить сам JS, SOLID, ООП, т.е. то, что нужно разработчику вообще, как таковому, а не только JS.

    И тогда уже вам легко будет разобраться и в реакт/редакс и в любом другом фреймворке.
    Желаю успехов.

    П.С. Хорошие практики вам может привить Тим Лид, который будет ревьювить ваш код и подсказывать как лучше писать.
    Ответ написан
    1 комментарий
  • Почему не получается получить доступ к переменной окружения?

    uaKorona
    @uaKorona
    Front-End разработчик
    С webpack 2 решил вопрос так:
    С помощью DefinePlugin определил переменные в глобальной области видимости:
    const GLOBALS = {
      'process.env': {
        'NODE_ENV': JSON.stringify('development')
      },  
      API_SECRET_KEY: JSON.stringify('efb9erfdf6fd9vfd98vd8ssv'),
    };
    
    module.exports = {
      plugins: [  
          new webpack.DefinePlugin(GLOBALS)
      ],
    
     externals: {
        API_SECRET_KEY: 'API_SECRET_KEY'
       },
    }

    После этого API_SECRET_KEY стала доступна в браузере. Пока не прописал в externals - была ситуация, похожа на вашу
    Ответ написан