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

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

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

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
⚒️ Rockpack 5.0 — альтернативный стартовый инструмент для React-приложений

Инструмент в стиле Create React App, призванный максимально сократить время настройки React-проекта, включающий поддержку рендеринга на стороне сервера, бандлинг, линтинг и тестирование.

👩‍💻 GitHub
Please open Telegram to view this post
VIEW IN TELEGRAM
👑🧟 Король спама: насколько сильно ты бесишь коллег в рабочих чатах

Признайся, ты тоже иногда отправляешь голосовые сообщения из маршрутки? Или может быть, ты тот самый человек, который пишет «Привет» и исчезает на час? Всего 10 вопросов, которые помогут понять, являешься ли ты мастером цифрового этикета или главным спамером офиса. Готов узнать правду?

👉 Пройти тест
🤩 12 современных возможностей CSS, качественно улучшающих DX или UX одной строкой кода

Эта статья — эпизод из серии заметок о современных решениях CSS для проблем, которые Stephanie Eckles решала на протяжении последних 15 лет в качестве фронтенд-разработчика.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
🏛️⚛️ React пора сдать в музей: почему популярный фреймворк устарел и чем его заменить

Миллионы разработчиков по-прежнему используют React, но так ли это оправдано? Глубокий анализ от экспертов показывает, что стандартный инструментарий React создает больше проблем, чем решает. Изучаем реальные примеры компаний, которые смогли улучшить производительность своих приложений в разы после отказа от React.

🔗 Читать статью
🔗 Зеркало
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Кстати, в ноябрьском выпуске VS Code анонсирована фича, которая позволяет добавлять импорт для вставленного кода при копировании и вставке JavaScript и TypeScript.

👉 Подробнее об этой и других новых фичах

#новости
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔🔥🪦 Беспощадный Frontend-тест: уволься сам, если не наберёшь 7 из 10!

Ау! Есть среди нас фулстек-разработчики? Или может те, кто когда-то начинал с HTML и CSS?

👉 Проверяем свои знания о фронтенде тут
🤔 Как Google обрабатывает JavaScript в процессе индексирования

Когда-то, если вы хотели, чтобы Google индексировал ваш контент, он должен был быть напрямую написан на HTML, а не динамически отображаться с помощью JavaScript. Конечно, с тех пор многое изменилось, но насколько?

👉 Читайте в исследовании MERJ и Vercel, посвящённом развенчанию мифов о рендеринге Google с помощью эмпирических данных
Please open Telegram to view this post
VIEW IN TELEGRAM
Лучший способ получить/установить поле ввода со значением даты с помощью JavaScript

👉 Поиграть можно здесь

#javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🎨 13 приемов CSS, которые изменят твой подход к верстке

13 продвинутых техник, которые редко встречаются в базовых туториалах, но активно используются в enterprise-разработке. Ты узнаешь, как избегать типичных ошибок и использовать современные возможности браузеров по максимуму.

👉 Читать статью
👉 Зеркало
Вакансии «Библиотеки программиста» — ждем вас в команде!

Мы постоянно растем и развиваемся, поэтому создали отдельную страницу, на которой будут размещены наши актуальные вакансии. Сейчас мы ищем:
👉контент-менеджеров для ведения телеграм-каналов

Подробности тут

Мы предлагаем частичную занятость и полностью удаленный формат работы — можно совмещать с основной и находиться в любом месте🌴

Ждем ваших откликов 👾
🚨Команда Cloudflare в рамках инициативы Cloudflare Radar представила отчет за 2024 год, в котором есть полезная информация и для фронтендеров

С использованием URL Scanner, команда просканировала ~5000 сайтов, чтобы определить самые популярные технологии и сервисы. И вот что получилось:

✔️ React имеет явное преимущество над Vue.js и другими фреймворками/библиотеками JavaScript.
✔️ PHP — самая популярная технология программирования.
✔️ Доля jQuery — в 10 раз больше, чем у других популярных JavaScript-библиотек.
✔️ WordPress имеет более 50% доли среди систем управления контентом.
✔️ Go превзошел NodeJS как самый популярный язык, используемый для создания автоматизированных API-запросов.
✔️ Во всем мире почти половина веб-запросов использовала HTTP/2, а 20,5% — HTTP/3.
✔️ Среди браузеров Google Chrome остается наиболее популярным, но Safari опережает его на iOS-устройствах.

👉 Читать полный отчет с интерактивными графиками

#новости
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
📚Четвертое издание Eloquent JavaScript от Marijn Haverbeke — пожалуй, одна из лучших «универсальных» книг для изучения JavaScript, адаптированная к реалиям 2024 года и в целом улучшенная.

👉 Вы можете прочитать ее онлайн или скачать в удобном вам формате (по ссылке также доступно второе издание, переведенное на русский)
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻👩‍💻👩‍💻👩‍💻 Наиболее эффективные методы улучшения Core Web Vitals

В гайде вас ждут те оптимизации производительности, которые:
• оказывают наибольшее влияние;
• актуальны и применимы к большинству сайтов;
• выполнимы для большинства разработчиков.

Взаимодействие со следующей отрисовкой
1. Регулярные паузы для разделения длительных задач.
2. Минимизация JavaScript.
3. Минимизация крупных обновлений рендеринга.

Скорость загрузки основного контента
1. Обеспечение доступности ресурса LCP в HTML-коде и его приоритетность.
2. Мгновенная навигация.
3. Использование CDN для оптимизации TTFB.

Совокупный сдвиг макета
1. Четкие размеры для загружаемого контента.
2. Страницы, поддерживающие bfcache.
3. Анимации и переходы CSS вызывают сдвиги макета.

👉 Читать полный гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
🖼️ Визуализация JavaScript: Event Loop, Task Queue и Microtask Queue

Визуальный гайд о важных концепциях, которые работают вместе, чтобы обеспечить неблокирующий, асинхронный JavaScript.

👉 Читать

#инфографика
Please open Telegram to view this post
VIEW IN TELEGRAM
💡 Использование сокращенной записи для определения всех четырех позиций в CSS

#css #tip by Shripal Soni
🔥 Селекторы CSS на практике

Подробное руководство, охватывающее все различные способы выбора элементов в CSS (например, псевдоселекторы, вложенные селекторы, селекторы атрибутов и т. д.) и способы их использования для применения стилей.

👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM