This media is not supported in your browser
VIEW IN TELEGRAM
Легко определяйте лица на JavaScript
Бессерверный, 100% в браузере.
-
👉 Гайды по JavaScript | дать буст
Бессерверный, 100% в браузере.
-
> npm i face-api.js
Please open Telegram to view this post
VIEW IN TELEGRAM
Если вы хотите работать с
👉 Гайды по JavaScript | дать буст
IntersectionObserver
с помощью RxJS, просто используйте эту функцию для преобразования его в ObservablePlease open Telegram to view this post
VIEW IN TELEGRAM
Простой, но важный совет по Vue
Нет нужды оборачивать статичные данные в ref или reactive, чтобы использовать их в шаблоне!
Если данные не меняются, достаточно обычной переменной.
Меньше отслеживания реактивности → ниже расход памяти → выше производительность
👉 Гайды по JavaScript | дать буст
Нет нужды оборачивать статичные данные в ref или reactive, чтобы использовать их в шаблоне!
Если данные не меняются, достаточно обычной переменной.
Меньше отслеживания реактивности → ниже расход памяти → выше производительность
Please open Telegram to view this post
VIEW IN TELEGRAM
Совет по Vue для тебя
Используй его в формах — и пользователи увидят свои введённые данные уже заполненными, даже если перезагрузят страницу или вернутся позже
👉 Гайды по JavaScript | дать буст
useStorage
возвращает ref
, который автоматически синхронизируется с localStorage.
Используй его в формах — и пользователи увидят свои введённые данные уже заполненными, даже если перезагрузят страницу или вернутся позже
Please open Telegram to view this post
VIEW IN TELEGRAM
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
Библиотека для создания многошаговых форм
Работает с React, Vue и Svelte.
Всё, что нужно — это JSON для настройки:
https://github.com/damianricobelli/stepperize
👉 Гайды по JavaScript | дать буст
Работает с React, Vue и Svelte.
Всё, что нужно — это JSON для настройки:
https://github.com/damianricobelli/stepperize
Please open Telegram to view this post
VIEW IN TELEGRAM
Обработка вебхуков Clerk в Next.js:
Вот как с минимальным количеством кода автоматически синхронизировать данные пользователей с вашей базой данных при их создании, обновлении или удалении
👉 Гайды по JavaScript | дать буст
Вот как с минимальным количеством кода автоматически синхронизировать данные пользователей с вашей базой данных при их создании, обновлении или удалении
Please open Telegram to view this post
VIEW IN TELEGRAM
Первое правило чистого кода: называйте вещи четко и описательно.
Вот пример плохого именования по сравнению с хорошим
👉 Гайды по JavaScript | дать буст
Вот пример плохого именования по сравнению с хорошим
Please open Telegram to view this post
VIEW IN TELEGRAM
В JavaScript нет нативной обработки ошибок как в Go, но можно имитировать Go-стиль возврата
Больше никакого захламления
👉 Гайды по JavaScript | дать буст
[value, error]
с помощью простой обёртки.Больше никакого захламления
try/catch
повсюдуPlease open Telegram to view this post
VIEW IN TELEGRAM
Фри курс по Node.js с нуля!
Бесплатно и более 8 часов контента
✓ Создание REST API
✓ Ошибка CORS и её решение
✓ Паттерны проектирования + архитектура MVC
✓ Express + базы данных MySQL
✓ WebSockets + чат в реальном времени
👉 Гайды по JavaScript | дать буст
Бесплатно и более 8 часов контента
✓ Создание REST API
✓ Ошибка CORS и её решение
✓ Паттерны проектирования + архитектура MVC
✓ Express + базы данных MySQL
✓ WebSockets + чат в реальном времени
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Прощай,
Современный, асинхронный и наконец-то адекватный API для работы с куками
🔸 Чистые и интуитивно понятные методы для чтения и записи cookie
🔸 Встроенная обработка событий изменения cookie
🔸 Асинхронные операции, не блокирующие главный поток
🔸 Эффективная работа с несколькими cookie
Уже доступно в Chrome, Firefox, Safari и Edge.
Подробности ищите в документации MDN
👉 Гайды по JavaScript | дать буст
document.cookie
. Привет, CookieStore
Современный, асинхронный и наконец-то адекватный API для работы с куками
Уже доступно в Chrome, Firefox, Safari и Edge.
Подробности ищите в документации MDN
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Один из лучших Web Component'ов, что существуют
Показывает относительное время — суперпросто и с поддержкой нескольких языков.
✓ Работает в React, Angular, Svelte, Vue и других
✓ Весит всего 5KB
Создан GitHub — используется у них на сайте
→ http://github.com/github/relative-time-element
👉 Гайды по JavaScript | дать буст
Показывает относительное время — суперпросто и с поддержкой нескольких языков.
✓ Работает в React, Angular, Svelte, Vue и других
✓ Весит всего 5KB
Создан GitHub — используется у них на сайте
→ http://github.com/github/relative-time-element
Please open Telegram to view this post
VIEW IN TELEGRAM
Повысьте свой уровень владения TypeScript с помощью этих типов утилит
Посмотрите в действии
👉 Гайды по JavaScript | дать буст
Посмотрите в действии
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
GSAP, одна из лучших библиотек JavaScript для веб-анимаций, теперь на 100% БЕСПЛАТНА, включая коммерческое использование.
Такие плагины, как SplitText, которые раньше были платными, теперь можно использовать бесплатно.
Теперь нет причин не использовать её
👉 Гайды по JavaScript | дать буст
Такие плагины, как SplitText, которые раньше были платными, теперь можно использовать бесплатно.
Теперь нет причин не использовать её
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Годный инструмент, позволяющий наглядно видеть порядок выполнения JS кода
Можно выбрать готовые примеры или вбить свой код (знаешь эти задачки: «В каком порядке всё отработает?» — вот это оно).
Очень полезно для понимания JavaScript в целом 🍯
Пробуем здесь, код на GitHub
👉 Гайды по JavaScript | дать буст
Можно выбрать готовые примеры или вбить свой код (знаешь эти задачки: «В каком порядке всё отработает?» — вот это оно).
Очень полезно для понимания JavaScript в целом 🍯
Пробуем здесь, код на GitHub
Please open Telegram to view this post
VIEW IN TELEGRAM
Деструктурируй объекты в директивах
👉 Гайды по JavaScript | дать буст
v-for
, чтобы сделать шаблоны чище и удобнее для чтенияPlease open Telegram to view this post
VIEW IN TELEGRAM
Наведи порядок в шаблонах
Если переменная, которую ты передаёшь в проп, имеет такое же имя:
можно сократить до шортката:
👉 Гайды по JavaScript | дать буст
Vue
с этим советомЕсли переменная, которую ты передаёшь в проп, имеет такое же имя:
:size="size"
можно сократить до шортката:
:size
Please open Telegram to view this post
VIEW IN TELEGRAM
Angular 19.2 упрощает создание динамических строк в шаблонах. Теперь можно использовать шаблонные литералы, что делает код чище и понятнее.
Прощай, конкатенация
Читай статью: https://buff.ly/nIAlAG3
👉 Гайды по JavaScript | дать буст
Прощай, конкатенация
Читай статью: https://buff.ly/nIAlAG3
Please open Telegram to view this post
VIEW IN TELEGRAM