Создание приложения NET 6 + VUE с защитой reCaptcha
https://habr.com/ru/post/673552/?utm_campaign=673552&utm_source=habrahabr&utm_medium=rss
Создание приложения NET 6 + VUE с защитой reCaptcha. Читать далее
https://habr.com/ru/post/673552/?utm_campaign=673552&utm_source=habrahabr&utm_medium=rss
Создание приложения NET 6 + VUE с защитой reCaptcha. Читать далее
Хабр
Создание приложения NET 6 + VUE с защитой reCaptcha
Введение Данный шаблон поможет вам добавить защиту формы с помощью Google reCaptcha в ваше SPA приложение. Кроме того, используется прокси пакет для одновременного запуска SPA и .NET приложений....
Настройка ESLint для чистого кода в проектах на Vue
https://habr.com/ru/post/674036/?utm_campaign=674036&utm_source=habrahabr&utm_medium=rss
В процессе работы над проектами разработчики придерживаются определенного кодстайла. Как правило, за это отвечает ESLint. ESLint — это линтер для языка программирования JavaScript. Он статически анализирует код на наличие проблем, многие из которых можно исправить автоматически.Как показывает практика, команды в проектах часто пренебрегают кастомной настройкой ESLint, оставляя дефолтную. В этом случае большая часть кодстайла остается на совести разработчика. Кодстайл, как правило, в таких проектах нигде не описан или существует в формате устной договоренности. При таком подходе большую часть правил приходится держать в уме, не говоря уже о том, что многие из них основаны на субъективных предпочтениях. Нередки случаи, когда разные части приложения отформатированы под разные правила. Например, если разработчики пишут код в разных операционных системах, то переносы строк у них отличаются. Правил так много, а настройки столь обширны, что использование разных редакторов кода в командной разработке может усложнить взаимодействие.В этой статье рассмотрим пример настройки ESLint для разработки приложений на Vue. В итоге мы получим настройки ESLint, которые будут проверять наш код на соответствие большинству правил официального стайлгайда Vue. Материал полезен начинающим разработчикам, которые хотят улучшить свой стиль кода, и более опытным на старте нового проекта в незнакомой или большой распределенной команде. Эти настройки помогут придерживаться кодстайла и отслеживать некоторые ошибки (синтаксические, логические, ошибки, связанные с динамической типизацией) еще на этапе написания кода, повысят его читаемость и упростят код-ревью. В конечном итоге это приведет к сокращению сроков разработки. Читать далее
https://habr.com/ru/post/674036/?utm_campaign=674036&utm_source=habrahabr&utm_medium=rss
В процессе работы над проектами разработчики придерживаются определенного кодстайла. Как правило, за это отвечает ESLint. ESLint — это линтер для языка программирования JavaScript. Он статически анализирует код на наличие проблем, многие из которых можно исправить автоматически.Как показывает практика, команды в проектах часто пренебрегают кастомной настройкой ESLint, оставляя дефолтную. В этом случае большая часть кодстайла остается на совести разработчика. Кодстайл, как правило, в таких проектах нигде не описан или существует в формате устной договоренности. При таком подходе большую часть правил приходится держать в уме, не говоря уже о том, что многие из них основаны на субъективных предпочтениях. Нередки случаи, когда разные части приложения отформатированы под разные правила. Например, если разработчики пишут код в разных операционных системах, то переносы строк у них отличаются. Правил так много, а настройки столь обширны, что использование разных редакторов кода в командной разработке может усложнить взаимодействие.В этой статье рассмотрим пример настройки ESLint для разработки приложений на Vue. В итоге мы получим настройки ESLint, которые будут проверять наш код на соответствие большинству правил официального стайлгайда Vue. Материал полезен начинающим разработчикам, которые хотят улучшить свой стиль кода, и более опытным на старте нового проекта в незнакомой или большой распределенной команде. Эти настройки помогут придерживаться кодстайла и отслеживать некоторые ошибки (синтаксические, логические, ошибки, связанные с динамической типизацией) еще на этапе написания кода, повысят его читаемость и упростят код-ревью. В конечном итоге это приведет к сокращению сроков разработки. Читать далее
Хабр
Настройка ESLint для чистого кода в проектах на Vue
В процессе работы над проектами разработчики придерживаются определенного кодстайла. Как правило, за это отвечает ESLint. ESLint — это линтер для языка программирования JavaScript. Он статически...
Как сделать сервис реактивным в одну строку в Vue.js + Typescript
https://habr.com/ru/post/674432/?utm_campaign=674432&utm_source=habrahabr&utm_medium=rss
С выходом Composition API в Vue появилось новые возможности повторного использования кода. Больше нет необходимости в миксинах, компонентах высшего порядка и прочих “хаках”, если вам нужно вынести общую логику для нескольких компонентов. Но что если у вас есть нереактивный сервис, инкапсулирующий бизнес-логику, а переписывать все на composition api не хочется? Читать далее
https://habr.com/ru/post/674432/?utm_campaign=674432&utm_source=habrahabr&utm_medium=rss
С выходом Composition API в Vue появилось новые возможности повторного использования кода. Больше нет необходимости в миксинах, компонентах высшего порядка и прочих “хаках”, если вам нужно вынести общую логику для нескольких компонентов. Но что если у вас есть нереактивный сервис, инкапсулирующий бизнес-логику, а переписывать все на composition api не хочется? Читать далее
Хабр
Как сделать сервис реактивным в одну строку в Vue.js + Typescript
С выходом Composition API в Vue появилось новые возможности повторного использования кода. Больше нет необходимости в миксинах, компонентах высшего порядка и прочих “хаках”, если вам нужно вынести...
Как backend разработчики frontend писали (Vue + TS + Webpack)
https://habr.com/ru/post/675280/?utm_campaign=675280&utm_source=habrahabr&utm_medium=rss
У нас в команде есть пару проектов, для которых есть старые frontend. Написаны все они на разных технологиях, но объединяет их одно: нежелание кого-либо туда лезть и что-то править. Команде там кажется страшно, непонятно и неудобно. Любая доработка превращается в головную боль. В очередном проекте нам хотелось не допустить такого развития событий, и, кажется, у нас получилось.Данная статья предназначена не для полноценных frontend разработчиков, а для членов команд, которым требуется реализовать небольшой frontend не имея должной экспертизы в этом вопросе. И сделать это так, чтобы каждый новый сотрудник без глубокого погружения мог сразу делать небольшие доработки. Читать далее
https://habr.com/ru/post/675280/?utm_campaign=675280&utm_source=habrahabr&utm_medium=rss
У нас в команде есть пару проектов, для которых есть старые frontend. Написаны все они на разных технологиях, но объединяет их одно: нежелание кого-либо туда лезть и что-то править. Команде там кажется страшно, непонятно и неудобно. Любая доработка превращается в головную боль. В очередном проекте нам хотелось не допустить такого развития событий, и, кажется, у нас получилось.Данная статья предназначена не для полноценных frontend разработчиков, а для членов команд, которым требуется реализовать небольшой frontend не имея должной экспертизы в этом вопросе. И сделать это так, чтобы каждый новый сотрудник без глубокого погружения мог сразу делать небольшие доработки. Читать далее
Хабр
Как backend разработчики frontend писали (Vue + TS + Webpack)
У нас в команде есть пару проектов, для которых есть старые frontend. Написаны все они на разных технологиях, но объединяет их одно: нежелание кого-либо туда лезть и что-то править. Команде там...
Хочу перемен: почему пора переходить на Vue 3
https://habr.com/ru/post/675692/?utm_campaign=675692&utm_source=habrahabr&utm_medium=rss
Привет! Меня зовут Влад, я frontend-разработчик в компании SimbirSoft. Мне приходилось создавать приложения как на старых версиях Vue, так и на новых. Причем многие из моих коллег вполне успешно разрабатывают на Vue 2 и не спешат переходить на Vue3, даже спустя два года после релиза.Что же касается бизнеса и владельцев продуктов, в моей практике также встречались кейсы и примеры, когда заказчики не понимали всех преимуществ использования новой версии.В этой статье попытался раскрыть новшества, которые могут стать «триггером» для миграции на новую технологию для обеих заинтересованных групп. Поговорим об экосистеме Vue 3, о новинках и пользе для разработчиков и бизнеса. И, разумеется, сравним Vue 2 и Vue 3 с технической точки зрения. Также рассмотрим одно из главных нововведений фреймворка – Composition API, раскроем технические нюансы и определим лучшие кейсы использования нового API. Читать далее
https://habr.com/ru/post/675692/?utm_campaign=675692&utm_source=habrahabr&utm_medium=rss
Привет! Меня зовут Влад, я frontend-разработчик в компании SimbirSoft. Мне приходилось создавать приложения как на старых версиях Vue, так и на новых. Причем многие из моих коллег вполне успешно разрабатывают на Vue 2 и не спешат переходить на Vue3, даже спустя два года после релиза.Что же касается бизнеса и владельцев продуктов, в моей практике также встречались кейсы и примеры, когда заказчики не понимали всех преимуществ использования новой версии.В этой статье попытался раскрыть новшества, которые могут стать «триггером» для миграции на новую технологию для обеих заинтересованных групп. Поговорим об экосистеме Vue 3, о новинках и пользе для разработчиков и бизнеса. И, разумеется, сравним Vue 2 и Vue 3 с технической точки зрения. Также рассмотрим одно из главных нововведений фреймворка – Composition API, раскроем технические нюансы и определим лучшие кейсы использования нового API. Читать далее
Хабр
Хочу перемен: почему пора переходить на Vue 3
Привет! Меня зовут Влад, я frontend-разработчик в компании SimbirSoft. Мне приходилось создавать приложения как на старых версиях Vue, так и на новых. Причем многие из моих коллег вполне успешно...
Превращаем HTML table в GridComponent. Часть I. Frontend
https://habr.com/ru/post/676622/?utm_campaign=676622&utm_source=habrahabr&utm_medium=rss
Привет хабровцы и любители фронтенда!
Это моя первая статья, в которой я хочу поделиться своими первыми шагами в мир frontend разработки на VueJS. И в качестве примера для изучения я решил реализовать вариант грида со стандартным набором функционала: сортировкой, фильтрацией и пагинацией. Несмотря на то, что в интернете очень много подобных решений и у каждого есть все вышеперечисленные функции (и даже больше), думаю что реализация этого компонента позволит читателю, особенно новичку, познакомится со многими аспектами разработки на VueJS. Читать далее
https://habr.com/ru/post/676622/?utm_campaign=676622&utm_source=habrahabr&utm_medium=rss
Привет хабровцы и любители фронтенда!
Это моя первая статья, в которой я хочу поделиться своими первыми шагами в мир frontend разработки на VueJS. И в качестве примера для изучения я решил реализовать вариант грида со стандартным набором функционала: сортировкой, фильтрацией и пагинацией. Несмотря на то, что в интернете очень много подобных решений и у каждого есть все вышеперечисленные функции (и даже больше), думаю что реализация этого компонента позволит читателю, особенно новичку, познакомится со многими аспектами разработки на VueJS. Читать далее
Хабр
Превращаем HTML table в GridComponent. Часть I. Frontend
Привет хабровцы и любители фронтенда! Это моя первая статья, в которой я хочу поделиться своими первыми шагами в мир frontend разработки на VueJS. И в качестве примера для изучения я решил реализовать...
Vue здорового pragmatica. Как правильно делать выбор между React и Angular
https://habr.com/ru/post/677896/?utm_campaign=677896&utm_source=habrahabr&utm_medium=rss
Хочешь устроить очередной… кхм… спор о том, какой фреймворк лучше и прослыть хайпожором — напиши статью «фреймворк ХХХ кулл, остальных на кол». Но когда твой выбор влияет на стек всей компании, объясняться все равно приходится — с коллегами, заказчиками, подрядчиками. Чтобы не повторять сто раз одно и то же, запишу аргументы в этой статье. Так что приглашаю к обсуждению самих «пострадавших» и поехали! Смотреть битву фреймворков
https://habr.com/ru/post/677896/?utm_campaign=677896&utm_source=habrahabr&utm_medium=rss
Хочешь устроить очередной… кхм… спор о том, какой фреймворк лучше и прослыть хайпожором — напиши статью «фреймворк ХХХ кулл, остальных на кол». Но когда твой выбор влияет на стек всей компании, объясняться все равно приходится — с коллегами, заказчиками, подрядчиками. Чтобы не повторять сто раз одно и то же, запишу аргументы в этой статье. Так что приглашаю к обсуждению самих «пострадавших» и поехали! Смотреть битву фреймворков
Хабр
Vue здорового pragmatica. Как правильно делать выбор между React и Angular
<Влад Худяков создал новое обсуждение> Всем привет! Я Влад Худяков, фронтенд лид команды Pragmatica, и именно я виновен в том, что наша команда работает на Vue. Начну с того, что исторически...
[Перевод] Как создать и развернуть библиотеку компонентов Vue в NPM
https://habr.com/ru/post/678274/?utm_campaign=678274&utm_source=habrahabr&utm_medium=rss
При работе с несколькими проектами Vue, использующими одну и ту же систему дизайна, эффективнее и быстрее иметь библиотеку компонентов, на которую можно ссылаться для всех ваших компонентов в разных проектах. В этой статье мы рассмотрим шаги, необходимые для создания и развертывания библиотеки компонентов Vue в npm, чтобы мы могли повторно использовать их в различных проектах. Читать далее
https://habr.com/ru/post/678274/?utm_campaign=678274&utm_source=habrahabr&utm_medium=rss
При работе с несколькими проектами Vue, использующими одну и ту же систему дизайна, эффективнее и быстрее иметь библиотеку компонентов, на которую можно ссылаться для всех ваших компонентов в разных проектах. В этой статье мы рассмотрим шаги, необходимые для создания и развертывания библиотеки компонентов Vue в npm, чтобы мы могли повторно использовать их в различных проектах. Читать далее
Хабр
Как создать и развернуть библиотеку компонентов Vue в NPM
Эта статья — перевод оригинальной статьи Adesoji Temitope " How to Create and Deploy a Vue Component Library to NPM " Также я веду телеграм канал “ Frontend по-флотски ”, где рассказываю про...
Обмен данными между Phaser.js и Vue.js используя Vuex
https://habr.com/ru/post/678584/?utm_campaign=678584&utm_source=habrahabr&utm_medium=rss
Я потерял много времени, пытаясь найти решение — как осуществить обмен данными между vue.js и Phaser. Этот вопрос заинтересовал меня, т.к. все что не касается игровой механики, намного удобнее и быстрее делать вне игрового движка, например: авторизация и вывод игровой статистики.Поскольку у меня есть некоторый опыт работы с Vue.js, то я решил использовать его для этих целей.Поскольку Phaser работает как отдельное приложение, то вы не можете передавать или извлекать информацию из него, для этого вам потребуется немного пофантазировать.Я не мог найти, как передать какую-то переменную в Phaser через процесс инициализации игры или как достучаться из него во Vue. Казалось бы, у обоих инструментов есть большие комьюнити, но я нашел лишь много подобных вопросов на форумах или под видео на YouTube — и все они либо без ответа, либо содержат не рабочие или не полноценные ответы. Я решил написать эту короткую статью, потому что надеюсь помочь другим энтузиастам, которые находятся в самом начале пути. Читать далее
https://habr.com/ru/post/678584/?utm_campaign=678584&utm_source=habrahabr&utm_medium=rss
Я потерял много времени, пытаясь найти решение — как осуществить обмен данными между vue.js и Phaser. Этот вопрос заинтересовал меня, т.к. все что не касается игровой механики, намного удобнее и быстрее делать вне игрового движка, например: авторизация и вывод игровой статистики.Поскольку у меня есть некоторый опыт работы с Vue.js, то я решил использовать его для этих целей.Поскольку Phaser работает как отдельное приложение, то вы не можете передавать или извлекать информацию из него, для этого вам потребуется немного пофантазировать.Я не мог найти, как передать какую-то переменную в Phaser через процесс инициализации игры или как достучаться из него во Vue. Казалось бы, у обоих инструментов есть большие комьюнити, но я нашел лишь много подобных вопросов на форумах или под видео на YouTube — и все они либо без ответа, либо содержат не рабочие или не полноценные ответы. Я решил написать эту короткую статью, потому что надеюсь помочь другим энтузиастам, которые находятся в самом начале пути. Читать далее
Хабр
Обмен данными между Phaser.js и Vue.js используя Vuex
Я потерял много времени, пытаясь найти решение — как осуществить обмен данными между vue.js и Phaser. Этот вопрос заинтересовал меня, т.к. все что не касается игровой механики, намного удобнее и...
Vue, React или Angular: какой стек используют в России. Проанализировал 180 сайтов
https://habr.com/ru/post/679150/?utm_campaign=679150&utm_source=habrahabr&utm_medium=rss
Благодаря лени узнал, какие фреймворки используют компании на российском рынке. Проанализировал e-comm, банки, интернет-магазины, сайты застройщиков, стриминговые сервисы, телекоммуникации и другие сферы. В конце статьи ссылка на таблицу. Читать далее
https://habr.com/ru/post/679150/?utm_campaign=679150&utm_source=habrahabr&utm_medium=rss
Благодаря лени узнал, какие фреймворки используют компании на российском рынке. Проанализировал e-comm, банки, интернет-магазины, сайты застройщиков, стриминговые сервисы, телекоммуникации и другие сферы. В конце статьи ссылка на таблицу. Читать далее
Хабр
Vue, React или Angular: какой стек используют в России. Проанализировал 180 сайтов
Благодаря лени узнал, какие фреймворки используют компании на российском рынке. Проанализировал e-comm, банки, интернет-магазины, сайты застройщиков, стриминговые сервисы, телекоммуникации и другие...
Frontend архитектура MVP (Model-View-Presenter)
https://habr.com/ru/post/680096/?utm_campaign=680096&utm_source=habrahabr&utm_medium=rss
Frontend сейчас сильно разрастается, всё больше компаний переписывают свои старые решения на SPA. В компании которой я работаю это не обошло стороной.По умолчанию был выбран фреймворк Nuxt.js, т.к Vue лучше React :))
В общем суть не в фреймворке, а с чего начинаем. что там?
https://habr.com/ru/post/680096/?utm_campaign=680096&utm_source=habrahabr&utm_medium=rss
Frontend сейчас сильно разрастается, всё больше компаний переписывают свои старые решения на SPA. В компании которой я работаю это не обошло стороной.По умолчанию был выбран фреймворк Nuxt.js, т.к Vue лучше React :))
В общем суть не в фреймворке, а с чего начинаем. что там?
Хабр
Frontend архитектура MVP (Model-View-Presenter)
Frontend сейчас сильно разрастается, всё больше компаний переписывают свои старые решения на SPA. В компании которой я работаю это не обошло стороной. По умолчанию был выбран фреймворк Nuxt.js, т.к...
Адаптивные таблицы в вебе
https://habr.com/ru/post/680976/?utm_campaign=680976&utm_source=habrahabr&utm_medium=rss
Таблица — один из самых эффективных способов подачи ТЕКСТОВОЙ информации: на минимуме пространства размещено максимум данных. И что не менее важно — эти данные доступны не только для восприятия, но и для анализа (СРАВНЕНИЯ). Основная сложность таблиц при верстке — их адаптивность для устройств с небольшими экранами (мобильных девайсов). Можно ли сделать так, чтобы даже на экране с размерами в несколько сантиметров таблицы могли быть удобными для восприятия? Читать далее
https://habr.com/ru/post/680976/?utm_campaign=680976&utm_source=habrahabr&utm_medium=rss
Таблица — один из самых эффективных способов подачи ТЕКСТОВОЙ информации: на минимуме пространства размещено максимум данных. И что не менее важно — эти данные доступны не только для восприятия, но и для анализа (СРАВНЕНИЯ). Основная сложность таблиц при верстке — их адаптивность для устройств с небольшими экранами (мобильных девайсов). Можно ли сделать так, чтобы даже на экране с размерами в несколько сантиметров таблицы могли быть удобными для восприятия? Читать далее
Хабр
Адаптивные таблицы в вебе
Таблица — удобный и один из самых эффективных способов подачи ТЕКСТОВОЙ информации: на минимуме пространства размещено максимум данных. И что не менее важно — эти данные доступны не только для...
Как интеллектуальная система поиска локаций помогает Fix Price открывать в среднем по 2 новых магазина ежедневно
https://habr.com/ru/post/688392/?utm_campaign=688392&utm_source=habrahabr&utm_medium=rss
Привет, Хабр! Меня зовут Вадим Райский, и я работаю руководителем IT-проектов для департамента управления магазинами Fix Price. Каждый год мы открываем около 700-750 торговых точек в России и за рубежом – примерно по две каждый день. Алгоритмы и большое количество данных позволяют с высокой степенью вероятности прогнозировать прибыльность каждой открытой локации.Сегодня я расскажу о том, как мы перешли от «аналогового» способа сбора данных о локациях к цифровому и выстроили интеллектуальную систему поддержки новых торговых точек.Как все начиналосьДавайте перенесемся в 2015 год и представим, что перед нами стоит задача открыть новый магазин. У менеджера по недвижимости заранее начинала болеть голова. Ему предстояло собрать и систематизировать данные о нужных локациях, накопленные за много лет в различных форматах – от Excel до рабочей почты. На поиски нужной информации могли уходить часы. Объем обрабатываемых данных легко понять, если представить себе, сколько информации собирается для принятия решения об открытии новой точки. Агрегируется информация по всем городам России, улица за улицей, ведется учет каждой вакантной коммерческой площади, собирается информация о ее технических характеристиках, потенциале трафика и других параметрах. На эти базовые данные затем нанизывается информация о ставках аренды и результатах переговоров с отдельным арендодателем. Читать далее
https://habr.com/ru/post/688392/?utm_campaign=688392&utm_source=habrahabr&utm_medium=rss
Привет, Хабр! Меня зовут Вадим Райский, и я работаю руководителем IT-проектов для департамента управления магазинами Fix Price. Каждый год мы открываем около 700-750 торговых точек в России и за рубежом – примерно по две каждый день. Алгоритмы и большое количество данных позволяют с высокой степенью вероятности прогнозировать прибыльность каждой открытой локации.Сегодня я расскажу о том, как мы перешли от «аналогового» способа сбора данных о локациях к цифровому и выстроили интеллектуальную систему поддержки новых торговых точек.Как все начиналосьДавайте перенесемся в 2015 год и представим, что перед нами стоит задача открыть новый магазин. У менеджера по недвижимости заранее начинала болеть голова. Ему предстояло собрать и систематизировать данные о нужных локациях, накопленные за много лет в различных форматах – от Excel до рабочей почты. На поиски нужной информации могли уходить часы. Объем обрабатываемых данных легко понять, если представить себе, сколько информации собирается для принятия решения об открытии новой точки. Агрегируется информация по всем городам России, улица за улицей, ведется учет каждой вакантной коммерческой площади, собирается информация о ее технических характеристиках, потенциале трафика и других параметрах. На эти базовые данные затем нанизывается информация о ставках аренды и результатах переговоров с отдельным арендодателем. Читать далее
Хабр
Как интеллектуальная система поиска локаций помогает Fix Price открывать в среднем по 2 новых магазина ежедневно
Привет, Хабр! Меня зовут Вадим Райский, и я работаю руководителем IT-проектов для департамента управления магазинами Fix Price. Каждый год мы открываем около 700-750 торговых точек в России и за...
Oauth 2.1 spring authorization server + SPA
https://habr.com/ru/post/688680/?utm_campaign=688680&utm_source=habrahabr&utm_medium=rss
Доброго всем дня уважаемые хабровчане!До сего момента я являлся лишь читателем этого замечательного ресурса, но вот кажется и пришло время написать мою первую статью.Oauth 2.1 - дальнейшее развитие популярного фреймворка авторизации Oauth 2.0, который на момент написания статьи всё ещё вроде как находится в стадии черновика. Но тем не менее уже начинает применяться. На хабре уже есть более подробная статья на эту тему.Из не очень приятного, из Oauth 2.1 убраны варианты получения токена. Читать далее
https://habr.com/ru/post/688680/?utm_campaign=688680&utm_source=habrahabr&utm_medium=rss
Доброго всем дня уважаемые хабровчане!До сего момента я являлся лишь читателем этого замечательного ресурса, но вот кажется и пришло время написать мою первую статью.Oauth 2.1 - дальнейшее развитие популярного фреймворка авторизации Oauth 2.0, который на момент написания статьи всё ещё вроде как находится в стадии черновика. Но тем не менее уже начинает применяться. На хабре уже есть более подробная статья на эту тему.Из не очень приятного, из Oauth 2.1 убраны варианты получения токена. Читать далее
Хабр
Oauth 2.1 spring authorization server + SPA
Доброго всем дня, уважаемые хабровчане! До сего момента я являлся лишь читателем этого замечательного ресурса, но вот кажется и пришло время написать мою первую статью. Oauth 2.1 - дальнейшее развитие...
Увеличиваем RPS на Nuxt.js
https://habr.com/ru/post/688858/?utm_campaign=688858&utm_source=habrahabr&utm_medium=rss
Все мы знаем что nuxt.js 2 (да и любое node.js приложение с SSR) не держит нагрузку без кеша, в среднем проекте если включить режим SSR то будет держать 20-30 RPS что очень мало.Стандартные решения это подключить пару пакетов каких нибудь кешеров, и кешировать каждую страницу или запросы. В целом это хорошо помогает, но не до конца)Есть 3 проблемы с которыми я сталкивался на проекте, и хотел бы стабилизировать ситуацию. Чтобы дать еще один шанс запуститься приложению хотя бы без SSR. Ускориться
https://habr.com/ru/post/688858/?utm_campaign=688858&utm_source=habrahabr&utm_medium=rss
Все мы знаем что nuxt.js 2 (да и любое node.js приложение с SSR) не держит нагрузку без кеша, в среднем проекте если включить режим SSR то будет держать 20-30 RPS что очень мало.Стандартные решения это подключить пару пакетов каких нибудь кешеров, и кешировать каждую страницу или запросы. В целом это хорошо помогает, но не до конца)Есть 3 проблемы с которыми я сталкивался на проекте, и хотел бы стабилизировать ситуацию. Чтобы дать еще один шанс запуститься приложению хотя бы без SSR. Ускориться
Хабр
Увеличиваем RPS на Nuxt.js
Все мы знаем что nuxt.js 2 (да и любое node.js приложение с SSR) не держит нагрузку без кеша, в среднем проекте если включить режим SSR то будет держать 20-30 RPS что очень мало. Стандартные решения...
Сравнение синтаксисов Vue JS
https://habr.com/ru/post/690508/?utm_campaign=690508&utm_source=habrahabr&utm_medium=rss
Сравнение разных синтаксисов Vue JS:- Options API- Composition API- Class API- Class API + vue-property-decorator (npm) Читать далее
https://habr.com/ru/post/690508/?utm_campaign=690508&utm_source=habrahabr&utm_medium=rss
Сравнение разных синтаксисов Vue JS:- Options API- Composition API- Class API- Class API + vue-property-decorator (npm) Читать далее
Хабр
Сравнение синтаксисов Vue JS
Введение Экосистема Vue JS развивается с каждым годом. На данный момент существует несколько разных синтаксисов: Options API Composition API Class API Class API + vue-property-decorator (npm) Так же...
Сквозь тернии к core-у или процесс компиляции Vue
https://habr.com/ru/post/690522/?utm_campaign=690522&utm_source=habrahabr&utm_medium=rss
Нео проснулся от бликов вспыхнувшего экрана компьютера. Экран заполняла зеленая полоска прогресса.– Матрица – испуганно прошептал Нео.– Александр, вы уснули на работе – прошептал тимлид.Я взглянул на экран компьютера еще раз. Компиляция Vue была завершена. Я облегченно вздохнул. Скомпилировать!
https://habr.com/ru/post/690522/?utm_campaign=690522&utm_source=habrahabr&utm_medium=rss
Нео проснулся от бликов вспыхнувшего экрана компьютера. Экран заполняла зеленая полоска прогресса.– Матрица – испуганно прошептал Нео.– Александр, вы уснули на работе – прошептал тимлид.Я взглянул на экран компьютера еще раз. Компиляция Vue была завершена. Я облегченно вздохнул. Скомпилировать!
Хабр
Сквозь тернии к core-у или процесс компиляции Vue
Итак, как говаривал герой Джима Керри: «Доброе утро! И на случай, если я вас больше не увижу – добрый день, добрый вечер и доброй ночи!». Меня зовут Александр и я работаю frontend-разработчиком в...
Простые, но приятные и воздушные тени вместе с Vue Box Shadows
https://habr.com/ru/post/691148/?utm_campaign=691148&utm_source=habrahabr&utm_medium=rss
В современном дизайне, почти на каждом сайте и в приложениях можно увидеть тени, которые дизайнеры и разработчики применяют для создания эффекта глубины и объема... Читать далее
https://habr.com/ru/post/691148/?utm_campaign=691148&utm_source=habrahabr&utm_medium=rss
В современном дизайне, почти на каждом сайте и в приложениях можно увидеть тени, которые дизайнеры и разработчики применяют для создания эффекта глубины и объема... Читать далее
Хабр
Простые, но приятные и воздушные тени вместе с Vue Box Shadows
В современном дизайне, почти на каждом сайте и в приложениях можно увидеть тени, которые дизайнеры и разработчики применяют для создания эффекта глубины и объема. Halo Lab. Dribbble.com Andrej...
Ускоряем разработку в VSCode
https://habr.com/ru/post/691534/?utm_campaign=691534&utm_source=habrahabr&utm_medium=rss
Привет, Хабр! Это моя первая публикация и хотелось бы начать с чего-то полезного для сообщества. С места в карьер… Я запилил расширение для VSCode, которое поможет автоматизировать создание файловой структуры компонентов.Для тех кому удобнее в видео формате, вот ссылка на скринкаст. Рассказываю плюс минус тоже самое, но волнительно и неловко. Читать далее
https://habr.com/ru/post/691534/?utm_campaign=691534&utm_source=habrahabr&utm_medium=rss
Привет, Хабр! Это моя первая публикация и хотелось бы начать с чего-то полезного для сообщества. С места в карьер… Я запилил расширение для VSCode, которое поможет автоматизировать создание файловой структуры компонентов.Для тех кому удобнее в видео формате, вот ссылка на скринкаст. Рассказываю плюс минус тоже самое, но волнительно и неловко. Читать далее
Хабр
Ускоряем разработку в VSCode
Привет, Хабр! Это моя первая публикация и хотелось бы начать с чего-то полезного для сообщества. С места в карьер… Я запилил расширение для VSCode, которое поможет автоматизировать создание файловой...
Перезапуск Вебиума
https://habr.com/ru/post/692586/?utm_campaign=692586&utm_source=habrahabr&utm_medium=rss
Начали с большого старого проекта на руби, поддерживаемого аутсорсерами, а оставили отлично документированный и покрытый тестами проект с техническим директором и внутренней командой разработки. Это честный рассказ о проекте длиною в год.Вебиум — онлайн-школа для подготовки к ЕГЭ. 30 тысяч школьников, тысяча наставников, 20 тысяч вопросов и 2 тысячи домашних заданий на сотни тем.В 2021 году у Вебиума уже была рабочая система на Ruby, которую разрабатывали подрядчики-аутcорсеры. К нам они обратились с привычной проблемой — подрядчики медленно пилят фичи. Посмотрев код и оценив возможности команды, мы поняли, что рефакторить существующий код — долго и дорого, и решили перезапустить систему своими руками на привычном стеке — Django и Nuxt.js. Справились за год: с сентября 2022 все ученики покупают и проходят курсы в новой системе.Перед нами стояли 3 задачи: Читать далее
https://habr.com/ru/post/692586/?utm_campaign=692586&utm_source=habrahabr&utm_medium=rss
Начали с большого старого проекта на руби, поддерживаемого аутсорсерами, а оставили отлично документированный и покрытый тестами проект с техническим директором и внутренней командой разработки. Это честный рассказ о проекте длиною в год.Вебиум — онлайн-школа для подготовки к ЕГЭ. 30 тысяч школьников, тысяча наставников, 20 тысяч вопросов и 2 тысячи домашних заданий на сотни тем.В 2021 году у Вебиума уже была рабочая система на Ruby, которую разрабатывали подрядчики-аутcорсеры. К нам они обратились с привычной проблемой — подрядчики медленно пилят фичи. Посмотрев код и оценив возможности команды, мы поняли, что рефакторить существующий код — долго и дорого, и решили перезапустить систему своими руками на привычном стеке — Django и Nuxt.js. Справились за год: с сентября 2022 все ученики покупают и проходят курсы в новой системе.Перед нами стояли 3 задачи: Читать далее
Хабр
Перезапуск Вебиума
Начали с большого старого проекта на руби, поддерживаемого аутсорсерами, а оставили отлично документированный и покрытый тестами проект с техническим директором и внутренней командой разработки....
Не повторять, выполнено профессионалами: как не надо разрабатывать таск-трекер
https://habr.com/ru/post/690480/?utm_campaign=690480&utm_source=habrahabr&utm_medium=rss
Почти три года назад мы запустили сервис для управления проектами, но без ошибок не обошлось. Делюсь опытом, чтобы на наши грабли больше никто не наступил. Читать далее
https://habr.com/ru/post/690480/?utm_campaign=690480&utm_source=habrahabr&utm_medium=rss
Почти три года назад мы запустили сервис для управления проектами, но без ошибок не обошлось. Делюсь опытом, чтобы на наши грабли больше никто не наступил. Читать далее
Хабр
Не повторять, выполнено профессионалами: как не надо разрабатывать таск-трекер
Почти три года назад мы запустили сервис для управления проектами, но без ошибок не обошлось. Делюсь опытом, чтобы на наши грабли больше никто не наступил. Ошибка №1. Начали разрабатывать десктопное...