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

JavaScript Proxy сильно выручает, когда нужно ловить обновления стейта. // Building a reactive store with Proxy const createReactiveStore = (data, onChange) => { return new Proxy(data, { set(target, key, value) { const oldValue = target[key]; target[key] = value; onChange(key, value, oldValue); return true; }, }); }; // Usage const state = createReactiveStore( { count: 0, status: 'idle', isOnline: false }, (key, newVal, oldVal) => { console.log(`🔁 ${key}: ${oldVal} -> ${newVal}`); // You can handle business logic or UI updates here } ); state.count = 5; // 🔁 count: 0 -> 5 state.status = 'loading'; // 🔁 status: idle -> loading state.isOnline = true; // 🔁 isOnline: false -> true state.status = 'error'; // 🔁 status: loading -> error state.count++; // 🔁 count: 5 -> 6 @WebDev_Plus

Собрал чат-бота за вечер → заработал 9 000₽ Ничего придумывать не надо. Открыл шаблон → Собрал бота как конструктор → Получил деньги. Сейчас каждый бизнес живёт в онлайне. Всем нужны чат-боты, авторассылки и другие онлайн-сервисы. Но предприниматели сами не будут разбираться в настройке сервисов. Значит тут появляется отличная ниша для заработка. — 9-15 тыс. ₽ за настройку (3–4 часа работы). — до 50 тыс. ₽ в месяц за сопровождение чат-бота и рассылок. Собирается любой чат-бот на конструкторе, где ты просто расставляешь текст клиента по блокам. Как новичку на создании чат-ботов накопить на отдых, машину, квартиру и все хотелки? Начни бесплатное обучение 👉 @other_digital_bot Там ты за пару недель научишься собирать ботов и сможешь получить клиента.

Только что вышла версия 1.4.0 расширения Laravel для VS Code, и в ней подъехала очень приятная штука: теперь artisan:make можно запускать прямо из Command Palette. Меньше переключений контекста, быстрее навигация и генерация — просто вызываешь палитру и создаёшь нужный класс/модель/контроллер на месте. @WebDev_Plus

TypeScript умеет вытаскивать типы через indexed access — помогает не дублировать типы и не объявлять всё заново. interface UserAPIResponse { user: { id: number; name: string; email: string; roles: Array<{ name: string; permissions: string[]; scope: { resource: string; actions: string[]; }; }>; metadata: { createdAt: string; lastLogin: string; }; }; } // Extract types without redefining type User = UserAPIResponse["user"]; // Extract Nested Object type UserMetadata = UserAPIResponse["user"]["metadata"]; // Extract Array Element Type type Role = UserAPIResponse["user"]["roles"][number]; // Extract from Nested Array type Permission = Role["permissions"][number]; // OR (direct access) type Permission2 = UserAPIResponse["user"]["roles"][number]["permissions"][number]; // Extract Nested Object from Nested Array type RoleScope = UserAPIResponse["user"]["roles"][number]["scope"]; // OR (via Role type) type RoleScope2 = Role["scope"]; @WebDev_Plus

Открытый и самохостящийся скрин-рекордер для Mac и Windows с неограниченной бесплатной локальной записью, плавными эффектами зума, поддержкой веб-камеры, автоматическими субтитрами и полноценным видеоредактором. Что выберешь ты? Открытый исходный код ✌️ @WebDev_Plus

пик JavaScript-безумия: если вызвать setInterval с таймаутом больше чем INT_MAX, вместо того чтобы кинуть ошибку (что было бы логично), setInterval молча начнет дергать твой колбэк каждую миллисекунду @WebDev_Plus

📱 Держите 6 хороших каналов по искусственному интеллекту и программированию для любого уровня! Выбирай направление: 📱 Нейросети — @neuro_prompt 🤖 AI-инструменты — @ai_prompt 📱 Python — @python_prompt 🤔 InfoSec & Хакинг — @infosec_prompt 👩‍💻 IT Новости — @it_news 😄 IT Мемы — @it_memes Промпты, обучение, шпаргалки и полезные ресурсы на каждую тему!