Библиотека фронтендера - JS React

🤢 Чем больше разработчиков в команде начинают пользоваться Claude Code, тем заметнее одна проблема: кодовая база перестаёт выглядеть как работа одной команды. Где-то есть тесты, где-то их забыли. Где-то агент следует архитектуре проекта, где-то предлагает решение, которое с ней не сочетается. ⚠️ И это не проблема Claude Code. Он просто следует тому контексту, который получает от каждого разработчика. Завтра покажем, как передать AI инженерный контекст команды и не превратить его внедрение в ещё один источник хаоса. 🗓 23 июля, 19:00 МСК Бесплатно. 60 минут доклада + 30 минут вопросов. 🔗 Занять место на вебинаре и разобраться, почему так происходит 🏃♀️ Proglib Academy

🌈 Анимированные 3D-градиенты без Three.js Neat — визуальный редактор для создания анимированных WebGL-градиентов. Выбираете цвета и эффекты, смотрите результат в реальном времени и переносите готовую конфигурацию в проект. В новой версии движок переписали на чистый WebGL: размер сборки сократился примерно с 133 до 17 КБ gzip, а внешних зависимостей больше нет. 🔤 Есть готовые пресеты, React-пример, разные 3D-формы, зернистость, свечение и параллакс при скролле. Использовать можно бесплатно, но для удаления водяного знака нужна лицензия за €12 на домен 📍 🔗 Попробовать редактор 🔗 GitHub 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #stack

🤔 Что важнее для производительности длинного списка? ❤️ — обернуть каждый элемент в React.memo 🔥 — показывать только видимые элементы через виртуализацию 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #code_challenge

🌗 Тёмная тема только через prefers-color-scheme — не лучший вариант Системную тему стоит использовать как настройку по умолчанию, но пользователю полезно оставить выбор для конкретного сайта. В добавляем: А переключатель меняет значение на: meta.content = "light"; // светлая meta.content = "dark"; // тёмная meta.content = "light dark"; // как в системе 🔤 Выбор можно сохранить в localStorage. color-scheme влияет не только на собственные стили, но и на системные цвета, скроллбары и стандартные элементы формы. При этом prefers-color-scheme по-прежнему отражает тему ОС, а не выбранную тему сайта — это важно учитывать. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #readme #css

✏️ Если вы уже работаете с Claude Code, Cursor или Copilot, этот вебинар будет особенно полезен. Разберут, как превратить AI из инструмента для отдельных задач в часть инженерного процесса ⬇️

😸 Каждый разработчик подходит к задаче со своим опытом: помнит прошлые решения, знает ограничения проекта и понимает, какой код команда пропустит на ревью. Для человека это естественная часть работы. У Claude Code этого контекста по умолчанию нет — только задача и инструкции, которые ему дали. Поэтому в большой команде недостаточно просто выбрать хорошую модель. ❗️ Нужно ещё объяснить ей, как у вас устроена разработка: какие подходы приняты, что обязательно проверять и по каким правилам принимать решения. 🗓 23 июля в 19:00 МСК поговорим об этом на бесплатном вебинаре с Алексеем Жиряковым — он Executive Director в Сбере, руководит GenAI Data Platform, и с этой проблемой сталкивался не раз 🔥 Покажет живое демо, разберём, как встроить AI в процесс разработки так, чтобы он реально помогал, а не добавлял ещё один повод для споров на ревью. 🔗 Занять место на вебинаре 🏃♀️ Proglib Academy

🏗 Разбираем Layout Shift Когда страница загружается, а кнопки и текст смещаются — это не просто раздражает, а напрямую влияет на UX и рейтинг сайта. В карточках: — что такое CLS и как его измеряют, — как находить источник смещения, — и какие практики помогают сделать интерфейс статичным и предсказуемым. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #career_merge

📍 Курс — это не только темы и домашние задания Во многом его ценность определяет опыт тех, кто его разрабатывает и ведёт. Об этом как раз новый пост Proglib Academy 🔥

🧑💻 Учиться агентной разработке — у тех, кто уже внедряет её в бигтехе Курс «ИИ для разработчиков» ведут практики из ведущих российских IT-компаний 🔥 🔵 Они прошли путь от первых экспериментов с AI до рабочих процессов, в которых агенты помогают команде писать код, готовить PR и быстрее доводить задачи до продакшена. В ближайшее время познакомим вас с каждым преподавателем. Программа курса — по ссылке 🎹 🏃♀️ Proglib Academy