Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js – Telegram
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
21.6K subscribers
2.95K photos
213 videos
49 files
5.23K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
🔗 Вопрос с собеседования на Junior Frontend

👇 Правильный ответ (нажми, чтобы прочитать):

Хэш-таблица — это структура данных для хранения пар ключ–значение, где доступ к элементу осуществляется через хэш-функцию.
В среднем операции вставки, поиска и удаления выполняются за O(1), но при коллизиях возможна деградация до O(n).
Коллизии решаются, например, через цепочки или открытую адресацию.
В JavaScript аналогами являются Object и Map, при этом Map лучше подходит для частых операций добавления и удаления.


💼 Щелкаешь такие задачи как орешки? Найди проект с достойной зарплатой тут

🐸 Библиотека фронтендера

#career_merge
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰42👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Навигация по компонентам в пулл-реквестах

В современных фронтенд-проектах с сотнями компонентов и пропсов ревью превращается в ад, если нет возможности быстро посмотреть, что принимает компонент и где он используется. Обычно для этого приходится открывать VS Code.

На SourceCraft навигация работает нативно в вебе. Можно кликнуть на импортированный компонент, провалиться в его декларацию или быстро глянуть типы пропсов, не покидая страницу пулл-реквеста. Это значительно ускоряет проверку UI-китов и сложной логики.

Протестируйте навигацию в реальном интерфейсе → https://sourcecraft.dev/code-navigation-demo/uikit/pr/2040
🔥5🥰3
💡 Frontend (React) Developer в igaming
Офис (Кипр, Лимассол, помощь с релокейтом)

🤝 Чем нужно заниматься:

- Разработка и поддержка пользовательского интерфейса.
- Работа в тесной связке с UX/UI дизайнерами для реализации визуальных концепций в функциональный пользовательский интерфейс.
- Интеграция фронтенд-компонентов с серверной логикой и API.
- Оптимизация приложения для максимальной скорости и масштабируемости.
- Обеспечение технической поддержки и обновлений для существующих приложений.
- Применение лучших практик и стандартов кодирования, включая тестирование и отладку.

📌 Требования:

- Опыт работы с React и его экосистемой (Redux, React Router) не менее 2 лет.
- Опыт работы с RESTful API.
- Знание Next.js приветствуется
- Знание современных инструментов сборки и версионирования, таких как Webpack, Git.
- Опыт применения методологий разработки, таких как Agile/Scrum.
- Интеграция с backend API
- Мультиязычность и интернационализация
- Создание продвинутых UI компоненты
- Real-time обновления данных
- Сложные формы с валидацией и динамическими полями

💸 Мы предлагаем:

- Конкурентная зарплата
- Оплачиваемые отпуска и больничные, а также 5 sick days в год;
- Активная корпоративная жизнь: квизы, спортивные марафоны, конкурсы, кибертурниры и многое другое.

🔤 Для отклика - @Irina_HR_Joinzy
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰3
🧩 Bento Grid: как сетка стала говорить за интерфейс

Bento Grid — асимметричная сетка, где размер блока отражает его важность. Паттерн пришёл из продуктового дизайна и стал стандартом для лендингов, дашбордов и портфолио.

Его используют Apple, Vercel, Linear, Stripe — чтобы выстраивать иерархию без лишних акцентов. Выше — карточки с разбором: от идеи до кода и best practices.

🔗 Наглядный пример с codesandbox

📍 Навигация: [Вакансии]

🎁 Новогодняя акция: 3 курса по цене 1
🤝 Помощь с выбором курса

🐸 Библиотека фронтендера

#ux_review
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
3🥰3🥱1
🎓 Твой опыт стоит дорого — стань экспертом Proglib Academy

Чувствуешь, что накопил достаточно знаний, чтобы делиться ими с другими?

Мы ищем сильных практиков, которые хотят попробовать себя в роли:

— преподавателей;
— авторов курсов;
— наставников.

Это возможность не только монетизировать экспертизу, но и прокачать личный бренд, структурировать собственные знания и вырастить новое поколение специалистов.

👉 Заполни короткую анкету
🥰2😁2
🧃 Microsoft предложила API для диагностики задержек в сложных веб-приложениях

Если в приложении много iframe, воркеров или окон с postMessage() — это для вас.

Проблема:

Сообщения между контекстами могут тормозить, приложение подвисает. Задержка видна, но без понятной причины: main thread, очередь сообщений или сериализация.

🔤 Решение — Delayed Message Timing API:

Новый PerformanceObserver показывает:

— сколько сообщение провело в очереди (`blockedDuration`)

— какие задачи его блокировали

— время сериализации

— полный тайминг от отправки до обработки


🔴 Что делать с данными:

Высокий blockedDuration + длинная задача → разбить на чанки  

Высокий taskCount → батчить сообщения, debounce

Медленная сериализация → Transferable, меньше payload


Статус:

📌 Intent to Prototype в Chromium
📌 Другие браузеры молчат
📌 Microsoft собирает фидбек

💬 Что от вас хотят:

Если сталкиваетесь с тормозами в cross-context коммуникации — расскажите о своих кейсах в GitHub Issues. Это поможет сделать API полезнее.

🔗 Полный explainer
🔗 Статья в блоге Microsoft Edge

🐸 Библиотека фронтендера

#under_hood
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰42👍1