WebDev+ | Веб-разработка

Становится сложно не отставать от всех новых возможностей CSS. @WebDev_Plus

Скоро можно будет попрощаться с Date() в JavaScript. Temporal API уже находится на стадии Stage 4 и поддерживается в Chrome, Edge и Firefox. Поддержка — около 65% браузеров! Новый способ работы с датами и временем. С большим количеством утилит и улучшений: @WebDev_Plus

Создавай красивые карты для своего веб-сайта или приложения. Бесплатно, без настройки и одной командой: → http://github.com/AnmolSaini16/mapcn @WebDev_Plus

Ускорьте рендеринг с помощью content-visibility: auto Это CSS-свойство пропускает рендеринг контента вне экрана до тех пор, пока он не понадобится, давая серьёзный прирост производительности на длинных страницах. ⋅ Хорошо сочетается с contain-intrinsic-size ⋅ Ленивый рендеринг практически «из коробки» (zero-effort) Подробнее 👇 https://developer.mozilla.org/en-US/docs/Web/CSS/content-visibility @WebDev_Plus

В Next.js 16.2 ошибки браузера теперь напрямую прокидываются в терминал во время разработки Больше не нужно переключаться в консоль браузера, чтобы дебажить client-side ошибки. Особенно полезно для AI-агентов, которые не могут открыть DevTools и посмотреть ошибки в браузере. @WebDev_Plus

Laravel tip Знал ли ты, что CarbonPeriod может генерировать все даты в заданном диапазоне? Больше никаких пропущенных дней в графиках. @WebDev_Plus

Фильтрация по геолокации — частое требование: - «найти поблизости» - «в радиусе X км» - «отсортировать по расстоянию» Eloquent scope помогает избежать дублирования Haversine-запросов. Можно вынести это в Trait, чтобы использовать в нескольких моделях. Или даже оформить как Package для использования в разных проектах. @WebDev_Plus

Свойство transitionType для ссылок (Links) в Next.js 16.2 (требует дополнительной настройки для <ViewTransitions />) <ViewTransitions> всё ещё является экспериментальной возможностью в Next.js и не рекомендуется для продакшена Полное демо 👇 https://github.com/SidKH/gist-of-next-demos/blob/cursor/view-transition-transition-types-demo/README.md @WebDev_Plus

push(), pop(), shift() и unshift() в JavaScript 👇 Это базовые методы массива, используемые для добавления или удаления элементов в начале или в конце массива. Важные моменты: ▪️push() → добавляет элементы в конец массива ▪️pop() → удаляет последний элемент ▪️shift() → удаляет первый элемент ▪️unshift() → добавляет элементы в начало массива Помните, что все эти методы изменяют исходный массив (они мутабельные). @WebDev_Plus

На случай, если ты не знал: React концептуально не изобрёл RSC, SSR или Hydration. SSR — это по сути Express: app.get('/', (req, res) => { res.render('index', { name: 'John' }) }) RSC — это Pug: if name == "Bob" button(class="btn") Hello Bob else button(class="btn") My name is #{name} Hydration — это jQuery: &#036;('.btn').click(...) Отсюда и следствия: в SSR нет window, в RSC нельзя навесить onClick, а проблемы с hydration были ещё в jQuery (например, опечатка в .btn), просто тогда это называло...