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

Быстрое напоминание про React: useId() недооценивают. Можно совместить useId(…) + атрибут form={…}, и тогда форма будет сабмититься кнопкой, которая находится вообще вне тега

. И не нужно городить всю эту жонглёрку с useEffect() или useRef(), которую обычно приходится делать. @WebDev_Plus

Этот анализатор сайтов дает тебе прям рентген-зрение для любого веба: кидаешь URL и за секунды видишь, что там происходит под капотом. Это полностью опенсорсный тул, который собирает в одном месте техданные, инфру и базовую инфу по безопасности :) @WebDev_Plus

Классный браузерный ASCII-арт редактор Позволяет рисовать и генерировать ASCII-арт прямо в браузере. По сути, это для кастомных баннеров в README, шапок для терминала, вывода CLI или хакерских визуалок для твоих проектов :) https://files.littlebird.com.au/ascii-sketch.html @WebDev_Plus

«Есть ли тип для настройки промежуточного ПО/прокси в Next.js?» Да @WebDev_Plus

Типобезопасные переходы между состояниями с корректным автодополнением // Type-safe state transitions type IdleState = { status: "idle"; connect: () => ConnectedState; }; type ConnectedState = { status: "connected"; send: (data: string) => ConnectedState; disconnect: () => IdleState; }; function createApi(): IdleState { return { status: "idle", connect() { const id = `${Date.now()}`; // establish connection return { status: "connected", send(data) { // send data console.log(`${data} (${id})`); return this; }, disconnect() { // close connection return createApi(); }, }; }, }; } // Usage const api = createApi(); api.connect().send("Hello world!").disconnect(); // ✅ Works! api.send("Send without connect"); // ❌ TypeScript Error: Property 'send' does not exist @WebDev_Plus

Забавный факт про JavaScript: если передать строку с числом в конструктор Date, получится вполне безумный результат new Date("0") дает Jan 1, 2000 new Date("1") дает Jan 1, 2001 (+1 год, ок...) new Date("2") дает Feb 1, 2001 (+1 месяц, ??????) @WebDev_Plus

Почему новички выбирают React вместо Angular? @WebDev_Plus