Бесплатные, доступные, опенсорсные и 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

Лайфхак

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

#ai #cursor #tip

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

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

#literature #creative

Начинаем подкасты с автором 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