В средних и больших проектах сайт не ограничивается одним сервисом — к примеру только сайтом, как правило существует база данных, API, сервер который маршрутизирует запросы ко всем этим сервисам. Выкатывать и обновлять все это без какой-либо стандартизации непросто, а масштабировать на множество серверов еще сложнее.
Читать полностью »
Рубрика «vue.js» - 5
Деплоим изоморфное веб-приложение на примере Nuxt.js
2019-02-04 в 14:21, admin, рубрики: docker, front-end разработка, javascript, node.js, Nuxt.js, vue.js, vuejs, Разработка веб-сайтовОбзор Vue.js 2.6
2019-01-27 в 12:47, admin, рубрики: javascript, vue.js, vuejs, Блог компании Constanta, ПрограммированиеПривет!
Совсем скоро должна выйти новая версия Vue.js — 2.6. Под катом вы найдете обзор новых фич следующей версии, включая новый синтаксис слотов, Vue.observable() и много чего еще!
Создаем плагин Vuex Undo-Redo для VueJS
2018-12-22 в 13:46, admin, рубрики: javascript, store, vue, vue.js, vuejs, vuex
Есть много преимуществ для централизации состояния вашего приложения в Vuex store. Одним из преимуществ является то, что все транзакции записываются. Это позволяет использовать удобные функции, такие как отладка по времени выполнения, где вы можете переключаться между предыдущими состояниями, чтобы отделять задачи выполнения.
В этой статье я покажу, как создать функцию Undo/Redo далее Отката/Возврата с помощью Vuex, которая работает аналогично отладке во время дебага. Эта функция может использоваться в различных сценариях, от сложных форм до игр на основе браузера.
Вы можете проверить готовый код здесь, на Github, и попробовать демо в этом Codepen. Я также создал плагин как модуль NPM под названием vuex-undo-redo, если вы хотите использовать его в проекте.
Javascript-фреймворки: тенденции 2019 года
2018-12-21 в 15:13, admin, рубрики: angular, AngularJS, Apollo, backend, data layer, express, framework, graphql, javascript, koa, next.js, React, react.js, redux, vue, vue.js, Блог компании Plarium, Программирование, Совершенный кодПредставляем вам перевод статьи Nwose Lotannaс, которая была опубликована на blog.bitsrc.io. В ней подборки лучших фреймворков и информация, полезная как новичкам, так и опытным специалистам.
Очередной отчет от State of JS и наш прогноз на новый год уже здесь!
Давайте охватим взглядом удивительный путь развития, совершенный JavaScript в уходящем году и отраженный во мнениях более чем 20 тысяч веб-разработчиков со всего мира. Мы посмотрим, какие javascript-фреймворки для фронтенд-разработки, работы с данными и бэкенд-разработки были самыми востребованными, а также постараемся увидеть возможные будущие фавориты.
State of JS
В этой статье мы будем опираться на данные и выводы State of JS, а также на инсайты, которыми поделилась компания JetBrains в своем ежегодном отчете «Экосистема разработки» (The State of Developer Ecosystem).Читать полностью »
Vue.js SSR & мобильный Safari: неочевидная проблема со слишком умным ПО
2018-11-21 в 9:05, admin, рубрики: safari, safari для iphone, vue, vue.js, vuejsНа днях столкнулись с такой проблемой. Сгенерированный на стороне сервера код отказывался гидратироваться в Safari.
Гидратация относится к процессу на стороне клиента, в течение которого Vue берёт статический HTML, отправленный сервером, и превращает его в динамический DOM, который может реагировать на изменения данных на стороне клиента. Подробнее тут.
«Прод» просто падал, а dev-версия сообщала, что имеются расхождения в dom. А так как dev-версия не падает при попытке гидратации, а только сообщает об этом в консоли, ошибка была неочевидна и пока мы ее нашли, прошло довольно много времени.
Очень интересная стратегия от Vue – подождать продакшена и там упасть!
Полторы сотни компонентов разной сложности задачу не упрощали. В итоге удалось увидеть проблему, найти подходящее устройство и подружить его с консолью разработчика.
В итоге выяснилось, что падает наше приложение при подключении компонента футера. И когда нашли нужную строку, просто не поверили глазам. Ожидали все, что угодно, только не этого.
Читать полностью »
Как настроить установку переменных окружения Nuxt.js в рантайме, или Как сделать всё не как все и не пожалеть
2018-11-13 в 15:11, admin, рубрики: javascript, Nuxt.js, Umbrella IT, vue.js, vuejs, web-разработка, Блог компании Umbrella IT, Программирование, Разработка веб-сайтов
Senior web developer’ы Антон и Алексей продолжают рассказ о непростой борьбе с Nuxt. В предыдущем раунде битвы с этим фреймворком они показали, как запустить проект на Nuxt так, чтобы все были счастливы. В новой статье поговорим о реальном применении фреймворка.
Мы начали переписывать проект с огромным техническим долгом. Месячная аудитория составляла 6-7 млн. уникальных посетителей, но существующая платформа доставляла слишком много проблем. Поэтому было решено отправить ее на пенсию. Само собой, производительность была нашим наибольшим опасением, но также не хотелось просесть по SEO.
После пары раундов обсуждения решили не полагаться на традиционный подход с только серверным рендерингом — но и не загонять себя в ловушку клиентского рендеринга. Как итог мы начали строить решение на базе Nuxt.js.
Читать полностью »
Ты останешься без работы. Почему нужно учить Vue.js сейчас?
2018-10-28 в 12:34, admin, рубрики: angular, javascript, react.js, vue.js, vuejsКак фронтентд-разработчику заработать больше?
Я более 6-ти лет занимаюсь фронтендом для своих проектов или фриланса. Начинал с html/css/js, узнал о WordPress — учил php/sql. Но это все копейки, настоящие деньги достаются тем кто учит модные сейчас фреймворки — Angular, Vue, React.
SSR: когда, зачем и для чего. На примере Vue
2018-10-01 в 16:17, admin, рубрики: javascript, ssr, vue, vue.js, vuejs, Блог компании Umbrella IT
Once upon a time Несколько лет назад, когда я только начинал работать с вебом на Java, мы работали с JSP. Вся страница генерировалась на сервере и отправлялась клиенту. Но потом встал вопрос о том, что ответ приходит слишком долго…Читать полностью »
Простой редактор изображений на VueJS
2018-07-20 в 9:51, admin, рубрики: редактор изображений, css, image editor, javascript, transform, vue.js, vuejs, обработка изображенийНедавно мне выпала возможность написать сервис для интернет-магазина, который помогал бы оформить заказ на печать своих фото.
Сервис предполагал наличие «простого» редактора изображений, созданием которого, я бы хотел поделиться. А все потому, что среди обилия всевозможных плагинов я не нашел подходящего функционала, к тому же, нюансы CSS трансформаций, неожиданно стали для меня весьма нетривиальной задачей.
Используем Web Bluetooth API для подключения пульсометра и разрабатываем приложение используя Vue.js
2018-07-01 в 18:33, admin, рубрики: api, bluetooth, vue, vue.js, vuejs, web api, Разработка веб-сайтовПродолжаем обсуждать темы затронутые на You Gonna Love Frontend конференции. Эта статья вдохновлённая докладом Michaela Lehr. Видео с конференции будут доступны уже на этой недели, пока есть слайды. (Видео уже доступно)
