Когда твой код работает, но не так как ты хотел, но работает!

Programmer memes

#архитектура

наконец-то написала сахар на fetch. философский/риторический вопрос: почему я так и не использую axios

#css

эффект матового стекла на css
https://hype4.academy/tools/glassmorphism-generator

неоморфизм
https://neumorphism.io/#e0e0e0

генератор grid сетки
https://cssgrid-generator.netlify.app

генератор clip-path
https://bennettfeely.com/clippy

лоадеры
https://cssloaders.github.io

разделители
https://cssloaders.github.io

border-radius
https://9elements.github.io/fancy-border-radius

#typescript

🦉 зачем нужен as const

const errors = {
    postConfirmTel: {},
    postTel: {
        409: 'Пользователь уже существует. Войдите в свою учетную запись',
    }
} as const

С использованием as const, TypeScript воспринимает все значения как литеральные константы. Это выражается в следующем:

1. Чтение значений: Теперь тип errors.postTel[409] будет точной строкой 'Пользователь уже зарегистрирован, войдите в учетную запись', а не просто string.
2. Неизменяемые свойства: Свойства объекта errors становятся доступными только для чтения (read-only). Попытка изменить их приведет к ошибке компиляции.

Преимущества использования as const включают более строгую типизацию и предотвращение случайных изменений значений, что особенно важно в больших и сложных кодовых базах.

#боли

подумать как ввод в форму сделать отдельно а кнопку отдельно, но валидация находилась внутри ввода и ошибки выли там же