Еще один вариант для "умного" бэкенда как альтернатива
П.С. Попробовав разные `BaaS` решения пришел к выводу, что баловство всё это. Для сколь-нибудь серьезного продукта нужен свой сервер, своя база и свой бэк.
#baas #firebase #supabase #convex
Firebase
и Supabase
- ConvexOpen source
, можно сделать self-hosted
, есть бесплатный тарифный план, но реализует все по-своему (= сильная привязка)П.С. Попробовав разные `BaaS` решения пришел к выводу, что баловство всё это. Для сколь-нибудь серьезного продукта нужен свой сервер, своя база и свой бэк.
#baas #firebase #supabase #convex
Convex
Convex | The reactive database for app developers
Convex is the reactive database for app developers. Everything you need to build your full-stack project.
Если говорить о действительно маст-хэвных скиллах фронтендера, то это никакие не VueUse-ы, а, например, UML.
Умение читать и составлять 3-4 основных типа диаграмм сильно помогает в описании структуры программы, потоков выполнения кода, умении сформулировать и выполнить задачу.
Визуальное представление очень облегчает понимание и декомпозицию сложных систем.
#uml #architevture
Умение читать и составлять 3-4 основных типа диаграмм сильно помогает в описании структуры программы, потоков выполнения кода, умении сформулировать и выполнить задачу.
Визуальное представление очень облегчает понимание и декомпозицию сложных систем.
#uml #architevture
К Дурову можно по-разному относиться, но людей, у которых руки растут не из жопы, он умеет находить
Chrome DevTools -> Memory -> Total JS heap size
#benchmark #telegram #nuxt
Chrome DevTools -> Memory -> Total JS heap size
#benchmark #telegram #nuxt
Web WhatsApp - 170MB
Slack - 125MB
VK.com - 120MB
Dzen.ru - 70MB
Nuxt.com - 40MB
Google Calendar - 40MB
Google.com (пустой) - 30MB
Web Telegram - 25MB
Vuejs.org, vue-faq.org - 5-10MB
Vue-FAQ
Этого человека убили сразу после интервью Жуткая правда о js мета-фреймворках... #video #vercel
Кратко, о чем нам поведал безвременно ушедший
В мире фронтед мета-фреймворков крутятся огромные деньги в виде рекламы, спонсорства и донатов - сотни миллионов долларов. Деньги просто так никто давать не будет. Смысл в том, чтобы втянуть молодых (18-20 лет) разработчиков в работу на этих фреймворках, чтобы потом стричь деньги со стартапов и компаний, которые будут нанимать подобных разработчиков, потому что размещать эти проекты будут на платформах типа
Проблема в том, что эти фреймворк-разработчики не умеют просто программировать, и технологии, применяющиеся при работе с этими мета-фреймворками, вредны и используются исключительно для максимизации прибыли бизнесом.
При этом огромные деньги тратятся на продажных ютюберов и прочих инфлюенсеров, агрессивно впаривающих тебе эту шнягу из каждого утюга. Убеждающих, что если ты не используешь их "современные технологии", то ты какой-то ущербный. Часто это работает наподобие сетевого маркетинга типа продаж БАДов или продукции Avon.
В частности, следствием этого является, также, многолетняя ложь, что
Так что
Лучшие практики - это когда ты как пастушок с дудочкой пасешь коровок на экологически чистых горных альпийских лугах.
А когда специально выведенная генно-модифицированная корова, ни разу не видевшая белого света, обколотая тысячами различных антибиотиков и гормонов, стоит в стойле фермы с вывеской
#nuxt #verсel #ssr
В мире фронтед мета-фреймворков крутятся огромные деньги в виде рекламы, спонсорства и донатов - сотни миллионов долларов. Деньги просто так никто давать не будет. Смысл в том, чтобы втянуть молодых (18-20 лет) разработчиков в работу на этих фреймворках, чтобы потом стричь деньги со стартапов и компаний, которые будут нанимать подобных разработчиков, потому что размещать эти проекты будут на платформах типа
Vercel
, стоимость хостинга на которой в тысячи раз больше обычного хостинга.Проблема в том, что эти фреймворк-разработчики не умеют просто программировать, и технологии, применяющиеся при работе с этими мета-фреймворками, вредны и используются исключительно для максимизации прибыли бизнесом.
При этом огромные деньги тратятся на продажных ютюберов и прочих инфлюенсеров, агрессивно впаривающих тебе эту шнягу из каждого утюга. Убеждающих, что если ты не используешь их "современные технологии", то ты какой-то ущербный. Часто это работает наподобие сетевого маркетинга типа продаж БАДов или продукции Avon.
В частности, следствием этого является, также, многолетняя ложь, что
SEO
без SSR
невозможно, что Web Vitals
с ними лучше и прочая маркетинговая ахинея.Так что
Nuxt
, ребята, это не про свободу open source-а и лучшие практики.Лучшие практики - это когда ты как пастушок с дудочкой пасешь коровок на экологически чистых горных альпийских лугах.
А когда специально выведенная генно-модифицированная корова, ни разу не видевшая белого света, обколотая тысячами различных антибиотиков и гормонов, стоит в стойле фермы с вывеской
Vercel
, с транспортером комбикорма перед носом, транспортером говна позади, и шнырявые разработчики с доильными аппаратами и лопатами для говна переползают от одной к другой, - это, ребята, называется бизнес.#nuxt #verсel #ssr
Поставил рекламируемый AI IDE Cursor , задал одинаковый вопрос "increase fom=те size in vs code" ему и
Это
Попробовал более кодерский промпт: "add new view "TestView.vue" with corresponding route"
Оба справились более-менее.
Тестировались бесплатные версии.
Продолжаем наблюдение.
#ai #codeium #cursor
Codeium
. Последний однозначно выиграл с комбинацией клавиш. Это
Cursor
с gpt-4o
. При переключении на claude-3.5-sonnet
(он позволяет выбирать LLM
) про клавиши сказал, про settings.json
забыл.Попробовал более кодерский промпт: "add new view "TestView.vue" with corresponding route"
Оба справились более-менее.
Cursor
пишет код детальней, по шагам, даже чересчур. Основной плюс - есть подсветка в коде во Vue
файлах. Но пока не видно, чем он ощутимо лучше Codeium
.Тестировались бесплатные версии.
Продолжаем наблюдение.
#ai #codeium #cursor
Vue-FAQ
Поставил рекламируемый AI IDE Cursor , задал одинаковый вопрос "increase fom=те size in vs code" ему и Codeium. Последний однозначно выиграл с комбинацией клавиш. Это Cursor с gpt-4o. При переключении на claude-3.5-sonnet (он позволяет выбирать LLM) про…
Please open Telegram to view this post
VIEW IN TELEGRAM
Анимацию в вебе обычно делают с помощью
С появлением математических
Здесь подробнее
#css #animation
CSS
(keyframes
) или JavaScripts
.С появлением математических
CSS
функций таких как round()
, mod()
, sin()
появился третий способ, сочетающий в себе плюсы обоих подходовЗдесь подробнее
#css #animation
LogRocket Blog
Optimizing CSS time-based animations with new CSS functions - LogRocket Blog
Learn how new CSS math functions like mod() and round() simplify creating dynamic, time-based animations compared to keyframes.
Интересный сайт, рассказывающий как писать современные веб приложения на чистом
plainvanillaweb.com
#js #webcomponents
JS
, CSS
и HTML
plainvanillaweb.com
#js #webcomponents
Plainvanillaweb
Plain Vanilla
An explainer for web development using only vanilla techniques.
Мой
Предназначен для вставки статичных фрагментов кода (типа аналитики, SW, open graph, splash screen) в
Имеет режимы вставки в
#vite #lib
Vite
плагин vite-plugin-html-injection потихоньку набирает популярностьПредназначен для вставки статичных фрагментов кода (типа аналитики, SW, open graph, splash screen) в
index.html
во время сборки, чтобы избежать захламления этого файла в проекте и разделить код по предназначению. Имеет режимы вставки в
dev
, prod
и оба. Поддерживает hot-reload
при работе с dev
сервером.#vite #lib
Видео от автора о новом
Попытка полной типизации.
Как по мне,
#router #kitbag
router
для Vue
- KitBagПопытка полной типизации.
Как по мне,
DX
только ухудшился#router #kitbag
YouTube
Kitbag Router: New TYPE SAFE Router for VUE
⭐️ https://github.com/kitbagjs/router ⭐️
📖 Docs: https://router.kitbag.dev/
🗂️ Project Repo: https://github.com/stackoverfloweth/kitbag-router-walkthrough
💬 Discord: https://discord.gg/zw7dpcc5HV
📝 Medium: https://medium.com/@stackoverfloweth
Chapters:…
📖 Docs: https://router.kitbag.dev/
🗂️ Project Repo: https://github.com/stackoverfloweth/kitbag-router-walkthrough
💬 Discord: https://discord.gg/zw7dpcc5HV
📝 Medium: https://medium.com/@stackoverfloweth
Chapters:…