Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js - это канал, где вы найдете все самое полезное для разработчиков фронтенда. У нас собраны лучшие статьи, руководства и советы по использованию JavaScript, React.js, Angular.js, Vue.js и других популярных фреймворков. Мы предлагаем ресурсы, которые помогут вам улучшить свои навыки и быть в курсе последних тенденций в мире фронтенд разработки. Присоединяйтесь к нашему каналу и расширяйте свою библиотеку знаний по фронтенду.
:where()
: на заметку фронтенд-разработчику
#css #tip by Shripal Soni
Какой системой управления личным временем/задачами/делами пользуетесь?
Anonymous Poll
12% - В форме доски: Trello/Kaiten
21% - В форме базы знаний: Notion
5% - Самописная система
10% - Что-то простое с делами в столбик
12% - Дела списком в бумажном блокноте
12% - Напоминалки в мессенджере
20% - Напоминалки в календаре
24% - Никакой
2% - Свой вариант (напишу в комментариях)
17% - Посмотреть результаты
Любое обновление требует определенных изменений в исходниках, что зачастую представляет собой весьма трудоемкий и повторяющийся процесс, особенно для больших кодовых баз.
Упростить этот процесс можно с помощью ast-grep — инструмента, предназначенного для поиска и замены шаблонов в вашей кодовой базе, для облегчения миграции на React 19.
📌 Автор сосредоточился на трех основных модах:<Context>
в качестве провайдера.ref
.ref
в качестве пропсов и удаление forwardRef
.
420. Google I/O и Config, Translation API, Figma, Invokers, альты…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев, Никита Дубко, Юля Миоцен про Google I/O и Config, Translation API, Figma, Invokers, альты, атрибуты/свойства и бету React 19.
00:02:09 Google I/O и Config
00:09:32 Translation API
00:19:57 Новости Figma
00:30:01 Invokers
00:47:31 Длинные альты
00:56:48 Атрибуты и свойства
01:06:37 Бета React 19
01:23:59 Ответы на вопросы
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты #новости
#javascript #tip by Shripal Soni
💬 Удается ли вам отдыхать вне работы?
👍 — да, почти всегда
🙏 — да, иногда
🤔 — нет, всегда работа в голове
🥱 — какой отдых? Я же айтишник
#холивар
Popover предоставляет множество крутых примитивов и возможностей для создания многоуровневых интерфейсов, таких как всплывающие подсказки, меню, обучающие UI и многое другое.
👉 Подробнее
web.dev
Popover API lands in Baseline | Blog | web.devThe popover API lands in all modern browser engines.
Взгляд за кулисы такой, казалось бы, легкой темы, как центрирование. С полезными советами для веб-разработчиков, дизайнеров шрифтов и всех остальных.
👉 Читать
Forwarded From Библиотека devops’а
🐰 Как решить проблему высокой связанности сервисов с помощью событийно-ориентированной архитектуры и RabbitMQ
В этой статье я расскажу, как оптимизировать сложную систему микросервисов через брокер сообщений, в данном случае RabbitMQ. Мы рассмотрим вариант решения проблемы высокой связанности между сервисами через переход на событийно-ориентированную архитектуру (EDA).
Читать статью
Руководство, с помощью которого вы быстро освоите ключевые фронтендерские темы, включая редакторы, CSS, UX, UI, командную строку, инструменты и фреймворки, производительность, специальные возможности и т. д.
👉 Читать
И такое бывает…
⚒️ KeyUX — JavaScript-библиотека для улучшения UI управления клавиатурой веб-приложений.
Основная цель — не только обеспечение доступности (a11y), но и создание инструментов, где пользователи предпочитают использовать клавиатуру для управления.
👉 Ключевые фичи:
🔹 Добавление горячих клавиш с помощью aria-keyshortcuts
🔹 Отображение состояния :active
кнопки при нажатии горячей клавиши
🔹 Навигация с помощью стрелок клавиатуры в списках с role="menu"
🔹 Переход к следующему разделу по aria-controls
и возврат с помощью Esc
🔹 Возможность пользователям переопределять горячие клавиши
🔹 Размер 2KB и отсутствие зависимостей
🔹 Совместимость с любыми фреймворками
Вам предлагают очень «жирный» оффер, но каждый раз вы находите причину, чтобы остаться на текущей работе. Как быть?
Anonymous Poll
51% - Соглашусь на жирный оффер
22% - Если на текущей работе работается, зачем увольняться?
1% - Свой вариант (напишу в комментариях)
26% - Посмотреть результаты
⚛️💥 React 19 уничтожит все фреймворки
React привносит новые крутые фишки, которые могут оказать существенное влияние на процесс разработки. В этой статье мы подробно рассмотрим ключевые изменения.
🔗 Читать статью
🔗 Зеркало
<article>
: на заметку фронтенд-разработчику
#html #tip by Shripal Soni
В версию 2.0.0, выпущенную на прошлой неделе, добавили много фич. Читайте подробнее в анонсе.
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/quill.snow.css"
rel="stylesheet"
/>
<div id="toolbar">
<button class="ql-bold">Bold</button>
<button class="ql-italic">Italic</button>
</div>
<div id="editor">
<p>Hello World!</p>
<p>Some initial <strong>bold</strong> text</p>
<p><br /></p>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/quill.js"></script>
<script>
const quill = new Quill("#editor", {
theme: "snow",
});
</script>
🔗 GitHub & Сайт