WebDev+ | Веб-разработка
8.26K subscribers
552 photos
247 videos
10 files
718 links
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки

Связь: @devmangx
Download Telegram
Скоро: PHP-порт популярной JavaScript-библиотеки Chrono
Разработчик анонсировал PHP-порт одной из самых популярных JavaScript-библиотек — Chrono.
Проект не использует LLM для парсинга: вся обработка выполняется исключительно средствами PHP.
Релиз ожидается уже скоро.

@WebDev_Plus
Узнайте, как команды VS Code и TypeScript совместно внедряли TypeScript 7 в VS Code.

Результат: более быстрая сборка, более быстрая итерация и улучшенный повседневный опыт разработки.

Подробнее: https://code.visualstudio.com/blogs/2026/06/26/iterating-faster-with-ts-7

@WebDev_Plus
👍1
Что из мира БД я бы изучил, чтобы глубоко понять масштабирование:

Сохраните.

- B+ Trees
- LSM Trees
- Write-Ahead Logging
- Two-Phase Commit
- Three-Phase Commit
- Read Replicas
- Leader-Follower Replication
- Partitioning (Шардирование)
- Query Caching
- Secondary Indexes
- Vector Indexes (FAISS, HNSW)
- Distributed Joins
- Materialized Views
- Event Sourcing
- Change Data Capture (CDC)

@WebDev_Plus
1
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по Design Engineering:

Одно CSS-свойство отвечает за большинство уродливых анимаций раскрытия.

Это height: auto.

Замените его на: grid-template-rows: 0fr → 1fr;

@WebDev_Plus
This media is not supported in your browser
VIEW IN TELEGRAM
Совет для инженеров по проектированию интерфейсов:

Не блокируйте ввод при достижении лимита символов. Блокируйте отправку.
Дайте пользователям закончить свою мысль.

@WebDev_Plus
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Совет: не каждая ошибка требует сообщения. Иногда достаточно намёка.

@WebDev_Plus
🔥3👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Обязательно используйте правильные семантические элементы в вашей HTML-разметке 🚀

@WebDev_Plus
⚡️ Валидация строковых паттернов с помощью template literal types в TypeScript

#TypeScript

@WebDev_Plus
This media is not supported in your browser
VIEW IN TELEGRAM
Open-source библиотека motion-эффектов — Kinetics теперь содержит 99 анимаций.

- CSS + React версия
- Промпт-версия для вашего AI-кодинг-агента

http://kinetics.colorion.co

@WebDev_Plus
Распространённые стратегии балансировки нагрузки:

- Round Robin (Круговой): Запросы отправляются серверам последовательно в повторяющемся цикле.

- IP Hash (Хеш IP): Использует IP-адрес клиента для постоянной маршрутизации запросов к одному и тому же серверу.

- Least Connections (Наименьшее число соединений): Новый трафик направляется на сервер с наименьшим количеством активных сессий.

- Least Response Time (Наименьшее время отклика): Выбирается сервер, который в данный момент отвечает быстрее всего.

- Least Bandwidth (Наименьшая пропускная способность): Маршрутизирует трафик на сервер с наименьшей сетевой нагрузкой.

Основная цель проста: обеспечить скорость, доступность и устойчивость приложений.

@WebDev_Plus
Совет: используйте разные favicon для окружений dev, preview и prod.
Так вы сможете с первого взгляда отличать вкладки браузера друг от друга и не окажетесь в ситуации, когда случайно открыли prod и пытаетесь понять, почему ваши изменения в коде «не применились».

Чтобы сделать это в Next.js, поместите favicon.ico, favicon.preview.ico и favicon.development.ico в папку public/, а затем переписывайте только запросы к /favicon.ico, если VERCEL_ENV не равен production.

Никаких дополнительных маршрутов; в production ничего делать не нужно (no-op).


@WebDev_Plus
😍1