Вайб кодинг
2.6K subscribers
1.16K photos
151 videos
53 files
221 links
Кодим с ИИ + мозги

Авторский канал, сотрудничество: @hand_of_ragnaros
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Response-print-pdf — UI Kit для создания PDF-файлов с использованием React и TypeScript.

Забудьте о docx, latex или устаревших библиотеках. С помощью react-print-pdf вы получите:

- Простоту в использовании
- Готовые компоненты и шаблоны
- 100% контроль макета
- Интеграция динамических данных в PDF-файл

👉 GitHub

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Ваш ультимативный набор шпаргалок для разработки на 2024 год

Эти шпаргалки сэкономят вам часы бесконечного гугления и упростят процесс кодинга.

🔗 Читать статью
🔗 Зеркало

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Во время отладки иногда может быть полезно просмотреть все event listener’ы, прикрепленные к элементу, и удалить их один за другим, чтобы найти основную причину проблемы.

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Простой способ сохранения элемента видимым, но недоступным: на заметку фронтенд-разработчику

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

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🤍Подборка полезных JavaScript-библиотеки для реализации красивых анимаций:

🔹 Three.js
🔹 Mo.js
🔹 AniJS
🔹 GSAP (GreenSock Animation Platform)
🔹 Typed.js
🔹 Lottie
🔹 Anime.js
🔹 Popmotion
🔹 Framer Motion
🔹 ScrollMagic

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Простой способ обработки темной/светлой цветовой схемы с помощью light-dark(): на заметку фронтенд-разработчику

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Proxy в JavaScript и TypeScript: 7 способов использования

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

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

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Коллекция современных руководств по производительности веб-сайтов

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

👉 Читать

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🕺 Большая шпаргалка по TypeScript — на заметку фронтенд-разработчику

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
JavaScript: структуры данных и алгоритмы

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

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

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Быстрый способ отладки event listeners, который может быть полезен при работе над новым проектом

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM