🧊 siberiacancode x IT-ХОЗЯЕВА
رفتن به کانال در Telegram
Канал для frontend разработчиков Смотрим самые новые и популярные frontend технологии 🔥 https://boosty.to/siberiacancode https://www.youtube.com/@siberiacancode https://www.twitch.tv/siberiacancode https://github.com/siberiacancode
نمایش بیشتر3 434
مشترکین
اطلاعاتی وجود ندارد24 ساعت
+37 روز
+5230 روز
آرشیو پست ها
Новая дока, но есть ньюанс 😵
На самом деле новая дока лучше во всем, кроме одной вещи и это nextjs. У меня ssg на 300+ контента и nextjs просто не вывозит это. Если на vitepress я спокойно мог поменять любой контента получал результат мгновенно, то nextjs заставляет ждать 5-10 минут после правок.
Буквально turbopack просто намного хуже vite, уже думаю о переезде на tasntack start в будущем.
Спасибо за 🤩 500+ звезд в reactuse
За это время вышла два патча 1,0.3-1.0.4, которые подарили нам новые хуки, а именно useDeviceList и useMediaStream. После появления этих хуков мы смоги обновить и наш еще один пакет @webcam/react, который теперь использует reactuse. Из интересного после стримов я попробовал переезд с husky+lintstaged на lefthook, все заработало, но кроме импакта в виде одного инструмента ничего не заметил.
juniors bootcamp лекции 🤩 базовый реакт
В будущем я бы честно хотел бы прочитать в рамках нашего проекта ряд лекций, это одна из медийный целей проекта. А сейчас если вы новичок и хотели посмотреть на реакт и некоторые его базовые примеры и механизмы, то для вас есть материал на втором канале.
Проверка знаний на доступность 😵
Проект a11y.quest — интерактивный тест по веб-доступности. Внутри уже 128 вопросов по семантическому HTML, ARIA и другим темам. Вопросы разделены по уровню сложности, их можно перемешивать, а сайт ведёт статистику правильных ответов и серии. Еще один способ проверить свои знания или просто подтянуть тему a11y.
Fable 5 возвращается 🤩
Спустя почти три недели Anthropic объявили о возвращении Fable 5. Компания усилила защитные механизмы модели и уже с 1 июля постепенно восстанавливает доступ для пользователей по всему миру.
Вместе с этим Anthropic предложила создать единый отраслевой стандарт оценки серьёзности jailbreak-атак. Над ним компания планирует работать совместно с Amazon, Microsoft, Google и другими участниками Project Glasswing. Также появились новые защитные механизмы, круглосуточный мониторинг и программа поиска уязвимостей.
Общее количество скачиваний opensource решений 🤩 превысило 100.000
Next все еще щупает роутинг 👨💻
В Next.js 16.3 появилась экспериментальная история с Instant Navigations. Идея простая: сохранить серверную модель Next.js, но сделать переходы между страницами такими же быстрыми и отзывчивыми, как в SPA. Самое крутое, что команда vercel подарила нам демо для нового апи и мы можем посмотреть это в действие
Под капотом для этого используют три подхода: Stream, чтобы показывать оболочку сразу и догружать данные потоком, Cache, чтобы переиспользовать закэшированный UI, и Block, если страницу всё-таки нужно дождаться полностью. Плюс добавили Partial Prefetching — теперь можно заранее грузить не кучу отдельных запросов, а переиспользуемую оболочку страницы.
Из полезного для разработки — Instant Insights, которые помогают находить медленные навигации и подсказывают, что лучше сделать: стримить, кэшировать или заблокировать переход.
Мы улучшаемся 😆
На днях было выпушено два минорных релиза с доработками хуков useInfiniteScroll и useHotkeys. Мы доработали работу со скроллом для вертикальных чатов, а хоткеи теперь корректно работают с модификаторами для macos.
CSS декор через gap decorations 👋
В CSS появилась новая возможность Gap Decorations — теперь промежутки между элементами во Flexbox, Grid и мультиколонках можно стилизовать напрямую: добавлять линии, менять толщину, цвет, стиль, отступы и поведение при переносе. Раньше для таких разделителей часто приходилось использовать дополнительные элементы, псевдоэлементы или хаки, а теперь это постепенно становится частью самой платформы. Пока поддержка ограничена Chrome
juniorsbootcamp для тестирования 😎
Мы с коллегами продолжали развивать платформу juniorsbootcamp. За это время произошло несколько важных событий, которые повлияют на дальнейшее развитие сервиса. Не все идеально и могут быть ошибки или отсутствие контента.
Самое главное — мы добавили новый контент для веб-тестирования. Реализовали лендинг и новое задание: магазин видеоигр. В рамках обучения ребята смогут описывать тест-кейсы, баг-репорты и автотесты на основе этого задания. В будущем оно пополнит общий список и станет пятым полноценным заданием на платформе.
В этот раз мы постарались сделать задание более реалистичным и интересным для выполнения: у него уже есть отдельный backend и дизайн. Если хотите попробовать свои силы, можно начать ещё до официального релиза.
Новое задание вдохновило нас на улучшение старых заданий — не только со стороны дизайна, но и со стороны функциональности. Поэтому в ближайшее время задания получат вторые версии и станут ещё ближе к реальным продуктовым сценариям. А также мы решили добавить полноценный транзакции, которые вы будете интегрировать себе в приложения.
Из важного прорабатываем формат документации внутри платформы. Это нужно, чтобы полноценно описывать требования к заданиям, как в реальных продуктах, и чтобы участники могли отталкиваться не только от дизайна и api backend’а.
Ну и самое главное — у нас появился маскот Джуни. Это ящер, который будет помогать ребятам учиться и сопровождать их внутри платформы. Планов ещё очень много, и мы уже работаем над следующим релизом.
reactuse v1.0.0 - мы это сделали 🤩
Реализовано 164 хука, 6 утилит, 3000 тестов, крутая документация с реалистичными примерами, AI-артефакты и скиллы. Вы не поверите, но мы начинали всё это два года назад — и вот мы здесь. Я каждый день использую
reactuse, но мы сделали самое удобное и react-friendly API. Многие вещи действительно новаторские для библиотеки такого типа.
Я хочу сказать всем огромное спасибо! Для меня это очень важный проект. То, что вы тоже его используете, развиваете и говорите о нём, дарит невероятные эмоции. И это ещё не конец, а только начало пути нашей библиотеки.Фидбек по докладам с митапа ⭐️
▪️ Интернационализация, которая думает за разработчика — Я давно считаю, что i18n — не такая сложная задача, как её часто представляют. Поэтому мне не всегда понятно, зачем команды сразу берут тяжёлые i18n-next, которые со временем начинают порождать больше проблем, чем решать. Этот доклад для меня стал ещё одним примером такой истории. Сами идеи хорошие: улучшить DX работы с переводами, сделать процесс удобнее и понятнее для команды — это правильное направление. Но итоговое решение выглядит слишком сложным и спорным.
▪️Кинетический манифест — Отличный доклад: быстро и без лишней воды погружает в тему реактивности и существующих подходов, а заодно поднимает вопрос того, как мы вообще описываем логику в наших приложениях. Есть немного про Effector, есть немного, на мой взгляд, незаслуженного хейта React, но общую идею это не портит. Материал получился понятным, последовательным и точно будет полезен.
▪️ Модульный BFF во фронтенде — Тут не хватает явной проблематики. Не видно, что команде действительно тяжело и почему без BFF модульный необходим. Хочется больше конкретики. Примеры в духе «BFF объединяет несколько запросов» сами по себе не выглядят как сильная проблема — такое часто можно спокойно решить и на фронте. Сам доклад нормальный, но ощущение, что в нём много воды и мало цифр, статистики и реального масштаба проблемы.
▪️ Как добавить AI чат, управляющий контентом на вашем сайте c помощью CopilotKit — Если вы думаете, что это доклад с пересказом документации, то почти не ошибаетесь. В начале автор лишь отмечает несколько важных моментов, связанных с разработкой AI-функциональности и особенностями общения с моделями, а дальше основную часть времени показывает демо, собранное с помощью CopilotKit.
Огромное спасибо ребятам из MoscowJS, которые позволяют мне стримить и проводят митапы в таком количестве. Если хотите выступить — пишите им сюда. Ребят, знаю лично, помогут подготовиться и выступить, так сказать, получить свой первый опыт.
Astro 7.0 вышел 🚀
Релиз получился про скорость, Rust и более серьёзный контроль над тем, как Astro-приложение собирается и обрабатывает запросы.
Vite 8 — Astro обновился до Vite 8, где появился Rolldown. Это новый Rust-бандлер, который должен заменить связку esbuild и Rollup единым решением. Для большинства проектов ускорение должно прийти без дополнительных настроек.
Performance — сборка стала быстрее на 15–61% по бенчмаркам Astro. Основной прирост дали перенос тяжёлых частей сборки в Rust и новая стратегия рендера.
Rust Compiler — компилятор
.astro переписали на Rust. В Astro 6 это ещё было экспериментом, а теперь становится частью общего курса на ускорение фреймворка.
Markdown & MDX in Rust — обработка Markdown и MDX тоже переехала в новый Rust-powered pipeline. Особенно это должно помочь большим документациям и контентным сайтам, где таких страниц очень много.
Queued Rendering — рендеринг заменили на более быстрый queue-based подход. Идея в том, чтобы эффективнее распределять работу при генерации страниц.
Advanced Routing — появился новый entrypoint src/fetch.ts, который даёт полный контроль над request pipeline. Это уже шаг в сторону более гибкой серверной модели внутри Astro.
Route Caching — кэширование маршрутов стало стабильным. Тут логика простая: самый быстрый билд или рендер — тот, который вообще не пришлось выполнять заново.
JSON Logging — логи теперь можно получать в структурированном JSON-формате. Для человека это может звучать бесполезно, но для AI-инструментов и автоматизации это как раз очень удобный формат.