Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
22.7K subscribers
2.34K photos
140 videos
38 files
4.75K links
Все самое полезное для фронтенда в одном канале.

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
🎤 Avito Frontend Meetup — разбор докладов

3 июня в московском офисе Авито прошел митап, где выступили инженеры из Авито, VK и Райффайзен Банка.

Что обсуждали:

➡️ Почему внедрение SSR с Suspense — не такая уж сказка, как обещает документация

➡️ Как можно ускорить разработку фронта, генерируя типизированные реактивные модели прямо из схем

➡️ Опыт использования DI в TypeScript-проектах с помощью лёгкой, но мощной библиотеки tsyringe

➡️ Вишенка на торте — секретный доклад про YALC — must watch для тех, кто работает с монорепами и локальными пакетами

🔗 Запись уже доступна на YouTube

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

#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
June 6
🕰️ JavaScript и работа с датами: пора обновиться

Класс Date в JavaScript — это наследие времён, когда сроки важнее качества. Его ошибки, ограниченность и баги знакомы каждому, кто работал с датами.

В карточках разбираем, почему Date устарел — и что предлагает взамен новый Temporal API:

➡️ История и недостатки Date, о которых вы точно слышали

➡️ Почему отсутствие таймзон — не просто неудобно, а критично

➡️ Как мутабельность и парсинг приводят к багам

➡️ И как Temporal устраняет эти проблемы фундаментально

⚡️ Скоро покажем, что именно можно делать с Temporal: от ZonedDateTime до Duration — с примерами, кейсами и новыми возможностями.

🔗 Полный текст — по ссылке

🐸 Библиотека фронтендера
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
June 6
June 7
🟣 Подборка материалов по рендерингу в браузере

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

➡️ Как работает критический путь рендеринга — введение в этапы рендеринга и оптимизацию производительности

➡️ The Rendering Pipeline | WebGPU — видеообзор рендеринга с использованием WebGPU

➡️ Demystifying Browser Rendering — подробное руководство по этапам рендеринга и оптимизации производительности

➡️ Критические этапы рендеринга: обзор ключевых этапов, таких как построение DOM, CSSOM и Render Tree, а также методов их оптимизации

➡️ Понятно про браузер: критические этапы рендеринга, аппаратное ускорение и оптимизации

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

#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
June 8
June 8
Как браузер поймёт, что нужно перезапросить ресурс

Представьте: пользователь зашёл на сайт, ресурс уже был в кэше. Но браузер решил проверить, не обновился ли он на сервере. Какой заголовок участвует именно в этом механизме?

Подсказка — в ответе сервера на картинке. Опрос — в следующем посте. 🔜

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

#междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM
June 9
Какой заголовок браузер использует при повторном запросе, чтобы проверить, изменился ли ресурс?
Anonymous Quiz
55%
Cache-Control
21%
ETag
15%
Expires
8%
Content-Type
June 9
😳 Топ-вакансий для фронтендеров за неделю

JavaScript/Typescript fullstack разработчик — 180 000 - 200 000 ₽, удаленно (Москва)

Разработчик UI-систем в микросервисной архитектуре FX Front — от 150 000 ₽, офис/гибрид (Москва)

Frontend-разработчик — удаленно (Москва)

Frontend JavaScript/TypeScript Разработчик — 200 000₽, удаленно/гибрид (Москва)

Frontend Developer — от 250 000 ₽, удаленно (Москва)

➡️ Еще больше топовых вакансий — в нашем канале Javascript jobs

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

#свежак
Please open Telegram to view this post
VIEW IN TELEGRAM
June 9
June 10
June 10
📌 Шпаргалка по использованию useState в React

Содержит основные приёмы обновления состояния, включая работу с объектами, массивами и использованием предыдущего состояния.

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

#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
June 10