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

➡️ @tips_frontend

Простой способ сохранения элемента видимым, но недоступным: на заметку фронтенд-разработчику

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

➡️ @tips_frontend

Простой способ обработки темной/светлой цветовой схемы с помощью light-dark(): на заметку фронтенд-разработчику

➡️ @tips_frontend

Proxy в JavaScript и TypeScript: 7 способов использования

Объект Proxy в JavaScript/TypeScript — суперполезный инструмент, который открывает множество возможностей для управления и манипуляции объектами и функциями. Рассмотрим несколько практических примеров использования Proxy для кэширования, логирования, динамической валидации и вызова методов цепочкой.

👉 Читать статью

➡️ @tips_frontend

Коллекция современных руководств по производительности веб-сайтов

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

👉 Читать

➡️ @tips_frontend

🕺 Большая шпаргалка по TypeScript — на заметку фронтенд-разработчику

➡️ @tips_frontend

JavaScript: структуры данных и алгоритмы

Серия статей, в которой Игорь Агапов из Timeweb Cloud разбирает структуры данных и алгоритмы, представленные в популярном репозитории:

Часть 1: односвязный и двусвязный список, стек и очередь
Часть 2: хэш-таблица, куча, очередь с приоритетом и префиксное дерево
Часть 3: двоичное дерево поиска, АВЛ-дерево и красно-черное дерево
Часть 4: дерево отрезков, дерево Фенвика, а также граф (направленный и ненаправленный).
Часть 5: система непересекающихся множеств, фильтр Блума и кэш актуальных данных.

➡️ @tips_frontend

Быстрый способ отладки event listeners, который может быть полезен при работе над новым проектом

➡️ @tips_frontend

⚡️ Learn TypeScript — курс от freeCodeCamp, который представляет из себя практическое введение в TypeScript. Вы узнаете, как TypeScript может облегчить вашу жизнь и сделать код менее подверженным ошибкам.

🔤 Таймкоды:

0:00:00 Introduction
0:06:39 Intro to Pizza app
0:16:49 Move code to TS
0:19:58 Defensive coding
0:24:36 Obligatory types basics lesson
0:28:29 Add type to orderId
0:29:55 Defining Custom Types
0:33:44 Adding a Pizza type
0:38:00 Nested object types
0:43:15 Optional properties
0:45:58 Adding an Order type
0:47:20 Typing arrays
0:52:00 Type orderQueue
0:56:13 Literal types
0:58:57 Unions
1:01:57 Update order status to use literal type unions
1:04:59 Add ids to pizzas
1:07:41 Type Narrowing
1:12:39 Be explicit whenever you can
1:14:54 Function return types
1:17:53 TS-specific types: any
1:20:48 Add return type to getPizzaDetail
1:24:11 Void return type
1:26:09 Add automatic ids to menu items
1:30:31 Utility Types & Partial
1:37:39 Omit Utility Type
1:44:42 Fix TS warnings with Omit
1:48:53 Generics
1:56:17 Generic functions in the pizza restaurant
1:59:43 Explicitly type generic function calls
2:04:08 Conclusion... for now

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

➡️ @tips_frontend

👩‍💻 Виртуальная DOM в 200 строк JavaScript-кода: на заметку фронтенд-разработчику

Разработка механизма, используемого под капотом React и других UI-библиотек.

😈 Читать гайд

➡️ @tips_frontend

👩‍💻 Руководство по анализу производительности JavaScript с использованием Chrome DevTools

Автор и его коллега исследовали производительность библиотеки fabric.js. Они смогли значительно улучшить производительность с 13 FPS до почти 50 FPS всего за два часа, используя вкладку Performance в Chrome DevTools для измерения и оптимизации времени выполнения JavaScript. Под катом — своего рода дополнение к руководству Analyze runtime performance от Google.

👉 Читать

➡️ @tips_frontend

40 незаменимых API для разработчиков

Разработчики постоянно ищут способы оптимизировать свою работу. Мы собрали 40 API, которые помогут вам сэкономить время, повысить эффективность и добавить новые функции в ваши проекты.

😈 Читать статью

➡️ @tips_frontend