• Подходит ли Nuxt.js для создания интернет магазина?

    chuanyurug
    @chuanyurug
    Системная аналитика, веб-дизайн
    Использую консоль Firebase в качестве бэкенда для web-приложения на Nuxt.js, в частности: как сервис аутентификации, хранилище данных и хостинг. С нодой работаю на локалке, затем выполняю команду npm run generate по которой Nuxt генерирует мне папку со статическим сайтом, содержимое которой я развёртываю на хостинге командой firebase deploy.
    Т.е. я не использую ноду на сервере, просто не знаю как это делается, еще не изучал. Но судя по документации возможность такую Firebase предоставляет.
    Хочу заметить, что статические файлы, являющиеся продуктом SSR, нужны исключительно для тех страниц, которые нуждаются в SEO-пригодности. Функционал корзины, пользовательского интерфейса и "админки" на фронтэнде для сотрудников их генерировать и перерендеривать, конечно же, не нужно. В этом смысле нужно тщательно продумать структуру приложения. Ознакомьтесь со способом использования SSR и SPA режимов в одном приложении Nuxt одновременно.
    Ответ написан
  • Что выбрать: Vuetify или Element UI?

    chuanyurug
    @chuanyurug
    Системная аналитика, веб-дизайн
    О плюсах и минусах можно говорить только относительно конкретной задачи, и по большому счету реализовать те или иные элементы можно используя обе библиотеки. Оценивая же "подготовленность" компонентов под мои задачи во Vuetify (2 версия) это:
    - Bars
    - Calendars (хотя и не хватает опции отображения нескольких месяцев)
    - Cards
    - Dialogs
    - Lists
    - Tables
    - Tabs, Windows и Item groups
    - Steppers
    - Timelines
    - Treeview

    В ElementUI:
    - InputNumber (во Vuetify готового нет, хотя очень юзабельно для карточки товара например)
    - TimePicker и DatePicker (во Vuetify они есть, но на мой взгляд здесь человечнее)
    - Upload (нужна мне предзагрузка изображений тумбами, которой нет во Vuetify, был бы ещё кроп...)
    - NavMenu (во Vuetify горизонтального навигационного меню нет, альтернативных решений конечно много, но тем не менее)
    - Transfer (нет аналога во Vuetify)

    В обоих библиотеках я не нашел из коробки решений для реордеринга элементов перетаскиванием (Drag and Drop), во Vuetify единственное упоминание которое так и не удалось понять и заставить работать это Draggable Chips. Поэтому буду пробовать это и это. Ну и в целом Element показался легче в использовании и гибче в стилизации (может быть полезным когда важна стилевая индивидуальность), а Vuetify – функциональнее, много хороших и сложных решений в примерах использования компонентов что помогает в том числе лучше понять Vue, и привычный пользователю гугло-стайл ))) Удачи всем!
    Ответ написан
  • Стоит ли изучать Angular и React, если знаешь Vue?

    chuanyurug
    @chuanyurug
    Системная аналитика, веб-дизайн
    Я думаю это зависит от цели, тогда и не будет вопросов ЧТО изучать и насколько глубоко. Все три названные технологии востребованы и друг другу не мешают, и чтобы быть хорошим специалистом в конкретной технологии нужно её и изучать и практиковать постоянно – нет предела, когда можно сказать "всё, я знаю Vue". До конца года ожидается релиз 3-й версии, готовы ли мы к нему? Используете вы хотя бы vue-function-api?
    Другое дело если вы намереваетесь быть тимлидом, и от вашего уровня знаний современных IT-технологий будет зависеть коммерческая составляющая компании, то тогда и этих трех будет, конечно же, маловато.
    Если же контекст вопроса в перспективности, то на мой взгляд стоит изучать язык Dart и инструментарий Flutter от Google.
    Ответ написан
  • Как отправить email с хостинга firebase?

    chuanyurug
    @chuanyurug
    Системная аналитика, веб-дизайн
    Есть вот такое решение с использованием Cloud Functions.
    Ответ написан
  • Как использовать Nuxt.js + axios + async?

    chuanyurug
    @chuanyurug
    Системная аналитика, веб-дизайн
    Доброго! Вопрос уже решён? Всё-таки год прошел... И вот я, новый новичок, только-только подобрался почти к такому же вопросу, но с некоторыми важными уточнениями:

    1) Речь идёт о методе asyncData или о стандартных JavaScript-функциях async/await? Это важное уточнение, поскольку asyncData – это собственный метод фреймворка Nuxt.js для извлечения данных с рендером на стороне сервера, и он может использоваться двумя способами:
    а) Возвращая промисы
    б) С помощью упомянутых выше async/await

    2) Есть Axios "изначальный" – это основанный на промисах HTTP-клиент для браузера и ноды. А есть Axios для Nuxt.js – это доработанный с учетом особенностей фреймворка Axios "изначальный", используемый, как сказано в доках, для обеспечения изоморфности HTTP-запросов и в своих проектах Nuxt.js они строго рекомендуют использовать именно его:
    npm install @nuxtjs/axios
    Установка и использование

    Асинхронность в Nuxt – это целый курс, который надо изучить и отработать на практике чтобы понять. А дальше, может случиться как у меня – добившись асинхронности захочется реактивности ))) А это совсем другая история...
    Ответ написан