Телеграм канал «WebDev+ | Веб-разработка»

У

вместе с формами есть простой способ сделать кнопку Cancel без единой строчки JS. Помимо POST и GET, формы внутри

могут использовать метод DIALOG. В этом режиме кнопка submit просто закрывает диалог, не отправляя данные на бэкенд. Удобный и чистый механизм, когда нужно отменить действие и закрыть окно без лишней логики. Когда форма внутри

отправляется методом dialog, само диалоговое окно закрывается, состояние контролов формы сохраняется, но ничего не уходит на сервер. При этом returnValue принимает значение той кнопки, по которой пользователь кликнул. Чистый и удобный способ обработать отмену или выбор без полноценного сабмита. Только не забудь добавить formnovalidate, чтобы кнопку Cancel всегда можно было нажать, даже если форма валится по валидации. Подробнее на MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog @WebDev_Plus

Изучаю SwiftUI после долгой работы с React. Первое, что реально бросается в глаза — .task. По сути, ты можешь привязать асинхронную функцию к любому куску UI, и она будет выполняться каждый раз при маунте этого UI. Удобно, например, чтобы поднять подписку через convex и сохранить данные в состоянии. Чисто и приятно 👍 Самое близкое сравнение — это useQuery, но тут не нужно городить подкомпоненты, чтобы ограничивать область ререндера. Ещё интересно, во что это может вылиться, если везде рендерить по принципу render-as-you-fetch. Похоже, на масштабе всё же придётся активно передавать данные через пропсы? @WebDev_Plus

Обеспечьте исчерпывающую проверку на этапе компиляции с помощью утилитарного типа Record в TypeScript @WebDev_Plus

Chainable async API Меня всегда интересовало, как DrizzleORM удаётся чейнить async-функции вроде await delete() и await delete().where(). Они реализовали свой кастомный Promise, от которого наследуются все операции с БД, например PgDelete для delete в Postgres. Чейнящиеся методы типа delete() и where() просто изменяют внутреннее состояние и всегда возвращают this (тот же самый инстанс промиса). Поэтому, когда ты делаешь await delete(), под капотом вызывается then() этого промиса, который запускает this.execute(). Реальный запрос к базе выполняется именно в методе execute, который переопределяется в каждом подклассе. Я считаю, что это очень крутой дизайн API, а сама идея имплементить Promise — просто отличная. Ссылка на QueryPromise Ссылка на PgDelete @WebDev_Plus

Просто небольшое напоминание: для описания ограниченного набора возможных состояний лучше использовать union type. А не жонглировать кучей boolean-полей и потенциально невалидными состояниями. @WebDev_Plus

Это может стать настоящей революцией в веб-разработке! Сейчас разрабатывают протокол проверки email-адресов (Email Verification Protocol). Можно будет валидировать почту без отправки писем и без соцлогина. Прямо из браузера и на 100% приватно. Пока это только предложение, но выглядит очень интересно. @WebDev_Plus

Настоящий TypeScript ещё ни разу по-настоящему не пробовали. @WebDev_Plus