Vue-FAQ
937 subscribers
571 photos
91 videos
562 links
Канал сайта https://vue-faq.org
Информация о Vue.js, фронтенд разработке и не только

Contacts: @RuslanMakarov
Download Telegram
Недавно понадобилось сделать график. Вроде простой, но перебрал несколько библиотек и не нашел подходящей - чтобы маркеры горизонтальные были, тултип, расположение по оси Х как надо, растягиваемый и т.п.

В итоге решил сделать сам используя третий подход - на HTML и CSS.

Времени на создание рабочего варианта (первая картинка) ушло меньше, чем на поиски и пробы готовых графических библиотек (четырёх).


К сведению любителей не изобретать эти чертовы велосипеды.

Ну и дальше можно закастомизировать по красоте как нужно именно тебе.

#charts
👍6
Бесплатные, доступные, опенсорсные и self-hosted альтернативы платным приложениям и сервисам

Notion -> Appflowy
Zoom -> Jitsi
Jira -> Plane
Airtable -> NocoDB
Vercel -> Coolify
Heroku -> Dokku
Firebase -> Pocketbase/Appwrite/Convex/Supabase
Shopify -> Prestashop
GitHub -> GitLab
Slack -> Mattermost
Salesforce CRM -> ERPNext
Dropbox -> NextCloud
Mailchimp -> Mautic
Trello -> Wekan
Docusign -> Docuseal
Calendly -> Cal dot com
Datadog -> Prometheus
Google Analytics -> Matomo
Microsoft Office 365 -> LibreOffice
Asana -> OpenProject

#software
🔥24👍7
Одно из полезных применений AI помощника в IDE - исправление CSS ошибок. Когда что-то не выводится, перекрывается и подобные проблемы, которые могут отнять очень много времени на их решение.

А тут спросил, и он довольно быстро и точно проанализирует стили и может внести нужные изменения.

#css #ai
👍5🤮2
Фрактальная архитектура

Вырастает за ночь

#offtop #nature
16
Для дебага в девтулзах браузера есть различные варианты, кроме console.log()

1. debugger в коде остановит выполнение в этом месте

2. debug(funcName) - остановит при выполнении глобальной функции funcName

3. DOM Breakpoints позволят перехватить модификацию элемента

4. XHR Breakpoints - остановится при запросу определенного URL

5. Также браузер позволяет симулировать User Agent и локали.


Ну и для реактивного Vue не забываем про {{ someVar }} в шаблоне



#debug
👍18
Лайфхак

Если у вас закончилась триальная подписка на Cursor, зайдите в него с другого Googlе аккаунта

#ai #cursor #tip
😁4
на vue писать довольно просто
берешь и пишешь, прям вот так
но если бывший ты реактер -
никак

денис любил ужасно пинью
глобальный стейт денис любил
но как-то понял всё и пинью
убил

#literature #creative
😁12👎11💩4🔥2🥴2
Media is too big
VIEW IN TELEGRAM
Немного нигерского драм-н-бэйса для разогрева перед следующим постом

BADDADAN

Yo, walk with the rupa-pum-pum
From a guy diss the programme, shot a slam-slam
Dem say dem a badman, mi haffi arks which one
When we ah fire shot, pull pin and fling bomb
Dem dead, we haffi trample dem like King Kong
Dargs pull up at your foot and none of dem nah sing-song
Balaclava pon face, 'matic inna hand
We nah have time fi waste with the rupa-pum-pum
Shot a slam, we badda dan
Badda dan, badda dan, badda dan


Nobody badder than we

#video #offtop #music
👎11🔥6🤡2💩1🌚1
Audio
Начинаем подкасты с автором Telegram и Youtube каналов As for JS Деми Мурычем

Часть 1

ХАКЕР

На Spotify

#audio #murych #podcast
🔥8💩8👍31🤡1
Нумерологи предсказывают в следующем году полную жопу...

#math
👍5💩4🤯2🖕1💅1
Полезные советы по написанию "чистого кода"

1. Используйте осмысленные имена
2. Следуйте принципу единственной ответственности (SRP)
3. Избегайте излишних комментариев
4. Делайте код читабельным
5. Пишите юнит-тесты
6. Будьте аккуратны с зависимостями
7. Организуйте структуру своего проекта
8. Используйте единый стиль форматирования
9. Избегайте хардкода значений
10. Ограничивайте размер функций

Согласен со всеми пунктами, кроме пятого.

#tip #bestpractices
🤡3👍2🍌2💩1
PrimeVue написан на JS (не TypeScript), в Options API стиле.

#lib #typescript
😢13👍5
Человек пытается привить реактерам правильное и красивое

React SFC

P.S. Предлагаю зафлешмобить и наставить ему GitHub звёзд

<template>
<div>
<h1>Counter</h1>
<button onClick={() => setCount(count + 1)}>Increment</button>
<p $if={count > 0}>Count: {count}</p>
<p $if={count === 0}>Start counting!</p>
</div>
</template>

<script lang="ts">
import { useState } from 'react';

const [count, setCount] = useState<number>(0);
</script>

<style>
button {
padding: 10px 20px;
font-size: 16px;
}
</style>


#react #sfc
😁15🤔4💩2👍1
Иногда при создании своих UI компонент не обязательно использовать громоздкие Vue библиотеки, достаточно стилизации CSS фреймворка.

Например, минималистичный BeerCSS

CSS фреймворки подходят как минимум для прототипирования и вдохновения. Также их можно использовать с unstyled компонентами, типа Radix Vue

#css #lib #ui
👍4
Неплохой список ссылок на полезные ресурсы для веб разработчиков

#tip
3
Эван напрашивается на мем про гуся...

#evanyou #js
😁1
This media is not supported in your browser
VIEW IN TELEGRAM
Сегодня на разогреве четверка норвежских девчонок

#video #music #offtop
🤮16🔥3👍2💩1🍌1
Audio
Вторая часть подкаста с автором Telegram и Youtube каналов As for JS Деми Мурычем

КАЗАНТИП

На Spotify

#audio #murych
🤮4👍2🤡2