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

Contacts: @RuslanMakarov
Download Telegram
Бесплатные, доступные, опенсорсные и 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
Одно из полезных применений AI помощника в IDE - исправление CSS ошибок. Когда что-то не выводится, перекрывается и подобные проблемы, которые могут отнять очень много времени на их решение.

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

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

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

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

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

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

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

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

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


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



#debug
Лайфхак

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

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

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

#literature #creative
Please open Telegram to view this post
VIEW IN TELEGRAM
Audio
Начинаем подкасты с автором Telegram и Youtube каналов As for JS Деми Мурычем

Часть 1

ХАКЕР

На Spotify

#audio #murych #podcast
Нумерологи предсказывают в следующем году полную жопу...

#math
Полезные советы по написанию "чистого кода"

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

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

#tip #bestpractices
PrimeVue написан на JS (не TypeScript), в Options API стиле.

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

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
Иногда при создании своих UI компонент не обязательно использовать громоздкие Vue библиотеки, достаточно стилизации CSS фреймворка.

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

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

#css #lib #ui
Эван напрашивается на мем про гуся...

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

#video #music #offtop
Audio
Вторая часть подкаста с автором Telegram и Youtube каналов As for JS Деми Мурычем

КАЗАНТИП

На Spotify

#audio #murych
ВКАТУН

Меня кличут все вкатуном во фронтенд,
И мне не совсем ясен этот момент.
Да, был я простой гопотою недавно,
Но взялся за ум, и учился я рьяно.

Прошёл в резалтскуле все курсы и тесты.
Их ментор сказал, что айкью мой - за двести!
Глаза мне открыл он, что доки - говно.
Старпёров всех в топку. Владлен - наше фсё.

В CV 5 лет опыта нарисовали,
По трендам последним техстек подобрали.
С эйчаром пофлиртил, тумана пустил
И с левой ноги дверь в айтишку открыл.

И вот я фронтендер один в чьем-то штате,
Зачотнейших тёлок немало тут, кстати ;)
В симсов с ними режусь, что твой мастер йода,
А это, скажу вам, покруче литкода.

Как формы шлепать по ютюбам втыкаю,
И два килобакса уже получаю
Из кассы помесячно только за то,
Что знаю как юзать АИ с оверфло.

В проект подключаю я всё, что нарою,
А велосипеды другие пусть строят.
Всегда под рукою Тайлвинд и Танстак,
Сую куда можно я хэтэмэха.

Тайпскрипт, джест, реакт, эсэсэр, некст и свелте -
В моих пакаджухах фронтенд во всем цвете.
В словарном запасе - аджайл с ФэСэДэ,
Блокчейн, графкуэль, серверлес, ЭнЭфТэ.

Девайсы есть модные. Мне по карману
Макбуки, айфоны и дольчегобаны.
На шее голда, от версаче зипун.
Какой же, козлы, я вам, нахер, вкатун?!

#literature #humor #minin