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

Кажется, у онлайн-обучения появился формат, которого давно не хватало 👇

🤔 У большинства разработчиков уже есть подписки на IDE, GitHub Copilot, Claude, ChatGPT или облачные сервисы. Логично, что обучение тоже постепенно приходит к той же модели: не покупать отдельный курс под каждую новую тему, а иметь доступ ко всей библиотеке и выбирать, что актуально именно сейчас. Такой формат недавно появился и в Proglib Academy. Вместо одного курса — доступ сразу ко всей библиотеке и новым материалам, которые появляются в подписке 😎 🔗 Подробнее 🏃♀️ Proglib Academy

🔊 936 звуков для интерфейсов в одной библиотеке Open-source-библиотека собрала звуковые эффекты для кнопок, уведомлений, загрузки, ошибок, успешных действий, переключателей и других состояний интерфейса. Все звуки распределены по 12 стилям — среди них Minimal, Glass, Sci-Fi, Mechanical, Zen и Retro. Это помогает выдержать единый звуковой стиль во всём продукте. ⚡️ Звуки можно подключать вручную или использовать готовый промпт, чтобы AI-агент сам подобрал подходящий эффект. Полезная находка для SaaS, игр и интерактивных интерфейсов. А разобраться, как внедрять такие решения в реальные проекты с помощью AI-инструментов, можно на курсе «ИИ для разработчиков» 👋 🔗 Ссылка 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #stack #ux_review

📱 Отключайте автокапитализацию там, где она мешает Мобильные Chrome и Safari могут автоматически делать первую букву заглавной. Для обычного текста это удобно, но в полях с логином, email, промокодом или техническим значением такая помощь только увеличивает число ошибок. Добавьте атрибут: Он подскажет браузеру, что при вводе не нужно автоматически менять регистр букв. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #readme

⭐️ Что стоит знать про работу с массивами и объектами Работа с массивами и объектами — не только про хранение данных, но и про правильную трансформацию, фильтрацию и аккумулирование значений, соблюдая иммутабельность. Что в карточках: ➡️ Что такое иммутабельность и зачем её соблюдать ➡️ Как работают методы массивов map, filter и reduce ➡️ Конкретный пример кода на reduce с объяснением аргументов и отличий от forEach 📌 Для практики: попробуйте фильтровать пользователей, создать массив имён и посчитать сумму через reduce — классические кейсы на собеседованиях. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #under_hood

👾 Превращаем SVG и текст в 3D-компоненты для React 3dsvg.design — бесплатный браузерный инструмент, который превращает обычные SVG, текст и простую графику в объёмные интерактивные элементы. Можно: — загрузить SVG или добавить текст; — настроить глубину, освещение и положение объекта; — сразу посмотреть результат в браузере; — экспортировать готовый React-компонент и вставить код в проект. Полезно для лендингов, hero-блоков и интерфейсов, где хочется добавить 3D без ручной работы с WebGL. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #stack #react

😧 Как ловить «висящие» запросы SPA иногда «залипает» — индикатор крутится, ответа нет. Причина часто в pending-запросах. 1️⃣ Как искать: — DevTools → Network → сортировка по Status — Pending-запросы = кандидаты — Вкладка Initiator покажет, что их вызвало — Waterfall помогает увидеть длинные цепочки 2️⃣ Фиксы: — Ставьтете таймауты (axios/fetch): fetch(url, { signal: controller.signal }) — Отменяйте запросы в cleanup useEffect — Избегайте дубликатов при повторных монтированиях 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #readme

🖥 Что нового в Chrome 151 В стабильной версии Chrome появился новый элемент . Он позволяет запускать работу с камерой и микрофоном через браузерный контрол, без отдельного вызова getUserMedia(). Ещё несколько заметных изменений: — shadowrootslotassignment у позволяет настраивать ручное распределение слотов в Declarative Shadow DOM прямо из HTML; — новые метрики soft-navigation и interaction-contentful-paint помогают измерять производительность SPA после переходов и пользовательских действий; — метод textStream() появился у Request, Response и Blob; — событие wheel получило свойство momentum, чтобы отличать физический скролл от инерционного; — XML-парсер для ряда сценариев переписали на Rust ради защиты от ошибок памяти. Также Chrome 151 больше не поддерживает macOS 12: для обновлений понадобится macOS 13 или новее. 🔗 Источник 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #release_notes #chrome #browser

🫧 Генератор необычных SVG-фигур за пару кликов Blobmaker помогает быстро создавать случайные органические формы для лендингов, иллюстраций и декоративных элементов. Можно настроить количество точек и контраст между ними, подобрать подходящую «кляксу», а затем скачать её в SVG или сразу скопировать код. 🔗 Ссылка 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #stack