Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

👩‍💻

Документальный фильм про Angular от Honeypot

Док от создателей фантастических фильмов про Node.js и Ruby on Rails представляет собой свежую историю о взлётах и падениях популярного фреймворка Angular (ранее известного как AngularJS) с участием настоящих звёзд JavaScript.

🍿

Смотреть полностью

#новости

Please open Telegram to view this post

VIEW IN TELEGRAM

3.7K viewsedited 15:38

🤔 Какие вебинары вам действительно нужны?

Привет! 👋

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

Ваши ответы дадут нам понимание, какие темы и форматы действительно важны, а также помогут сделать вебинары интереснее и продуктивнее.

Заполнение займет всего пару минут, а нам это очень поможет! Спасибо, что участвуете в нашем развитии! 💙

👉 Пройти опрос

3.8K views18:11

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Git Cherry-pick 🆚 Merge 🆚 Rebase

Наглядная шпаргалка для разработчика.

👩‍💻

Источник

Please open Telegram to view this post

VIEW IN TELEGRAM

4.0K views20:29

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

🧑‍💻 Как создать фавикон в 2025 году: три файла, которые подойдут большинству потребностей

Андрей Ситник просит «остановить безумие генераторов иконок» и применить более разумный подход, приняв минимальный набор иконок, который соответствует большинству современных потребностей.

➡️

Читать гайд

Please open Telegram to view this post

VIEW IN TELEGRAM

4.1K views07:35

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

🧑‍💻 Vite с TypeScript

Если вы создали проект React на основе JavaScript с помощью Vite и хотите перейти на TypeScript, в мини-гайде описаны основные шаги:

1️⃣ Установка TypeScript и зависимостей.
2️⃣ Создание файлов конфигурации TypeScript.
3️⃣ Переименование файлов и модификация index.html.
4️⃣ Настройка ESLint для TypeScript.

Please open Telegram to view this post

VIEW IN TELEGRAM

4.2K viewsedited 09:22

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

📈

Plotly — JavaScript-библиотека для построения графиков

Высокоуровневая декларативная библиотека для построения графиков, созданная на основе D3 и stack.gl, с более чем 40 типами графиков, включая 3D-графики, статистические графики и SVG-карты.

Библиотека активно поддерживается. В представленной недавно версии 3.0.0 устранены устаревшие функции, исправлены ошибки и выполнен переход на esbuild.

💻

GitHub

Please open Telegram to view this post

VIEW IN TELEGRAM

4.0K views17:59

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

0:08

👨‍💻

Создание слайдера с наклонным содержимым и эффектом наведения: гайд для фронтенд-разработчика

Автор использует возможности HTML и CSS (+ немного Sass для упрощения), включая grid, clip-path, :has(), вложенность и другие интересные элементы CSS, чтобы всё это работало вместе.

👉

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Please open Telegram to view this post

VIEW IN TELEGRAM

3.9K views19:53

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡

Простой способ создания нового контекста наложения в CSS

Шпаргалка для фронтенд-разработчика.

#css #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

3.8K views20:44

🎙 461-й выпуск подкаста «Веб-стандарты»

Кого слушаем: Полина Гуртовая, Алексей Симоненко, Андрей Мелихов.

⏱️ Таймкоды:
00:00:59 Chrome 133
00:23:43 Firefox 135
00:30:44 Deno против Oracle
00:39:13 Медленный URLPattern
00:51:48 GitHub Copilot
01:06:14 Дырка в Vitest
01:13:47 Ответы на вопросы

▶️ Сайт подкаста

#подкасты #новости

Please open Telegram to view this post

VIEW IN TELEGRAM

3.6K views17:54

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

🌐

Сколько памяти ест ваша вкладка

При разработке веб-приложений не все задумываются о том, сколько памяти потребляет их код. О производительности наших сайтов мы вспоминаем гораздо чаще. К тому же, не каждому разработчику интересно «экономить на спичках». Разве может наш код на языке JavaScript требовать много памяти? «Много» — это вообще сколько? 100 мегабайт — это много?

Антон Непша, фронтенд-разработчик из Сбера, посвятил этой теме доклад на HolyJS и рассказал о том, сколько ресурсов потребляют сайты, как эти ресурсы распределяются, где хранятся, и как связать информацию о них из снимка памяти с конкретным местом в своём коде.

👉 Читать текстовую версию доклада

Please open Telegram to view this post

VIEW IN TELEGRAM

4.3K views20:29

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

🤔

Какой WYSIWYG-редактор выбрать в 2025 году?

Аббревиатура WYSIWYG расшифровывается как What You See Is What You Get. Речь идет о типе редакторов, отображающих создаваемый контент в том виде, в котором он по итогу будет размещен на странице или в приложении, без необходимости делать дополнительные преобразования и обработку данных.

Под катом — обзор нескольких популярных редакторов: Tiptap, BlockNote, Lexical, Slate, ProseMirror, Quill, Plate, Remirror, Editor.js, CKEditor, TinyMCE.

👉

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Please open Telegram to view this post

VIEW IN TELEGRAM

4.4K viewsedited 20:50

🖼️

Миграция на строгий TypeScript: путь и собственное решение команды Selectel

Сейчас TypeScript практически вытеснил весь остальной код в проекте, но миграция заняла много времени. И чтобы была возможность переиспользовать уже написанный код в TS-модулях, было принято решение отказаться от строгих проверок.

Из-за выключенных проверок в коде накопилось большое количество использований any, а также отсутствующих проверок на null. Это две основные проблемы, которые не позволяют единовременно пройтись по всей кодовой базе и за раз исправить все ошибки, возникающие при включении строгих проверок.

Если вам знакома эта проблема, то статья для вас. Максим Овчарик, ведущий фронтенд-разработчик в Selectel, делится опытом миграции кода на строгий режим TypeScript.

👉

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Please open Telegram to view this post

VIEW IN TELEGRAM

3.8K views19:25

😳 Если бы языки программирования были девушками

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

Мы заглянули в Тиндер разработчика и нашли там JavaScript. Как вам? 😏

Еще больше прекрасных дам языков программирования — в нашем канале Библиотека программиста.

Свайпайте и выбирайте свой мэтч ❤️

3.5K viewsedited 07:03

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

💡

Непрямоугольные текстовые блоки (Non-rectangular Text Block)

Простой способ использования CSS-свойства shape-outside для создания обтекания текста вокруг фигур нестандартной формы.

✨ В Firefox DevTools есть интерактивный инструмент для редактирования/отладки контуров фигур, созданных с использованием свойств shape-outside/clip-path.

#css #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

3.5K viewsedited 14:57

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

🖼️

Предложение ECMAScript по экранированию регулярных выражений

RegExp.escape() — функция для создания экранированной версии переданного текста, которая будет соответствовать исходному тексту при интерпретации в качестве регулярного выражения. Dr. Axel Rauschmayer также написал реализацию на чистом JavaScript, чтобы понять принцип работы.

> RegExp.escape('(*)')
'\\(\\*\\)'

> '\\(\\*\\)' === String.raw`\(\*\)`
true

> RegExp.escape('_abc123')
'_abc123'

Please open Telegram to view this post

VIEW IN TELEGRAM

3.7K views20:22

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

👩‍💻

Результаты опроса State of React 2024

Здесь слишком много информации, чтобы вдаваться в подробности, поэтому наслаждайтесь просмотром идей, почерпнутых из почти 8000 ответов.

Вы узнаете, что forwardRef и memo являемся двумя главными «болевыми точками» среди разработчиков React, Redux продолжает лидировать среди библиотек управления состоянием, а SPA продолжают составлять большинство юзкеймов React на данный момент.

👉