Guard canMatch в Angular — это реально мощно
Можно использовать один и тот же путь, но показывать разные страницы:
— если пользователь аутентифицирован — показываю dash
— если нет — auth
canMatch срабатывает и для дочерних маршрутов.
Минус: если canMatch возвращает false на дочернем пути, то происходит двойной запрос для получения данных пользователя.
Но мне такой подход нравится.
Помимо dash, можно повесить на тот же маршрут paywall или сделать умный onboarding — например, если пользователь должен сначала что-то пройти, прежде чем получить доступ к приложению.
Пока так и делаю. Если найду ещё подводные камни — напишу
👉 Гайды по JavaScript | дать буст
Можно использовать один и тот же путь, но показывать разные страницы:
— если пользователь аутентифицирован — показываю dash
— если нет — auth
canMatch срабатывает и для дочерних маршрутов.
Минус: если canMatch возвращает false на дочернем пути, то происходит двойной запрос для получения данных пользователя.
Но мне такой подход нравится.
Помимо dash, можно повесить на тот же маршрут paywall или сделать умный onboarding — например, если пользователь должен сначала что-то пройти, прежде чем получить доступ к приложению.
Пока так и делаю. Если найду ещё подводные камни — напишу
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
Типизированные props без лишней боли
Вот как перестать усложнять props в Vue
👉 Гайды по JavaScript | дать буст
Вот как перестать усложнять props в Vue
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по оптимизации расходов при использовании Serverless с Next.js:
Отключите префетчинг (prefetching) для редко посещаемых ссылок
👉 Гайды по JavaScript | дать буст
Отключите префетчинг (prefetching) для редко посещаемых ссылок
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
Существуют различные этапы выполнения JavaScript — как в браузере, так и в средах, таких как Node.
Код JS не может быть выполнен, пока не будет разобран в абстрактное синтаксическое дерево (AST). Однако стратегия разбора может повлиять на производительность — решающую роль играет ленивый (lazy) и нетерпеливый (eager) парсинг.
Узнайте, как движок V8 обрабатывает режимы ленивого и нетерпеливого парсинга и как они влияют на работу приложения:
👉 Заранее предупреждаем V8: более быстрый запуск JavaScript с помощью явных подсказок компиляции
https://v8.dev/blog/explicit-compile-hints
👉 Молниеносный парсинг, часть 1: оптимизация сканера
https://v8.dev/blog/scanner
👉 Молниеносный парсинг, часть 2: ленивый парсинг (lazy parsing)
v8.dev/blog/preparser
👉 Гайды по JavaScript | дать буст
Код JS не может быть выполнен, пока не будет разобран в абстрактное синтаксическое дерево (AST). Однако стратегия разбора может повлиять на производительность — решающую роль играет ленивый (lazy) и нетерпеливый (eager) парсинг.
Узнайте, как движок V8 обрабатывает режимы ленивого и нетерпеливого парсинга и как они влияют на работу приложения:
https://v8.dev/blog/explicit-compile-hints
https://v8.dev/blog/scanner
v8.dev/blog/preparser
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1🔥1
Знаешь JavaScript, но не знаком с NodeJS?
Вот курс, где можно постепенно освоить его с другого ракурса:
> Введение и основы
> Маршруты и API
> WebSockets
> Введение в базы данных (LowDB, SQLite)
> Деплой (env, pm2, nginx...)
👉 Гайды по JavaScript | дать буст
Вот курс, где можно постепенно освоить его с другого ракурса:
> Введение и основы
> Маршруты и API
> WebSockets
> Введение в базы данных (LowDB, SQLite)
> Деплой (env, pm2, nginx...)
Please open Telegram to view this post
VIEW IN TELEGRAM
Строковые литералы в качестве типов, но реализовано элегантно 😎
Смотрите в действии.
👉 Гайды по JavaScript | дать буст
Смотрите в действии.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Изучи паттерны проектирования на JavaScript
Лучший бесплатный ресурс:
✅ Примеры для React, Vue, Angular, TypeScript
✅ Книга на 400+ страниц с реальными примерами
✅ Интерактивные упражнения и пошаговые объяснения
→ http://patterns.dev
👉 Гайды по JavaScript | дать буст
Лучший бесплатный ресурс:
→ http://patterns.dev
Please open Telegram to view this post
VIEW IN TELEGRAM
Совет дня:
Используйте
👉 Гайды по JavaScript | дать буст
Используйте
defineExpose()
в Vue 3 (с Composition API), чтобы аккуратно открыть внутренние методы компонента для родителя.Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2
Нужно быстро завершить процесс, занявший порт? Воспользуйся этой простой командой через npx 👇
👉 Гайды по JavaScript | дать буст
npx kill-port [номер-порта]
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
image_2025-06-15_08-54-27.png
2.7 MB
Классы TypeScript, которые остаются чистыми и поддерживаемыми
Вот умный шаблон, который вы захотите использовать повторно
👉 Гайды по JavaScript | дать буст
Вот умный шаблон, который вы захотите использовать повторно
Please open Telegram to view this post
VIEW IN TELEGRAM
Хотите улучшить производительность реактивности и упростить сопровождение компонентов в VueJS?
Заменяйте ненужные
Почему это лучше:
• Меньше шаблонного кода
• Более декларативный подход
• Автоматическое отслеживание зависимостей
• Автоматическое кэширование
• Проще тестировать и поддерживать
👉 Гайды по JavaScript | дать буст
Заменяйте ненужные
watch
на computed
, если результат — это просто производные данные.Почему это лучше:
• Меньше шаблонного кода
• Более декларативный подход
• Автоматическое отслеживание зависимостей
• Автоматическое кэширование
• Проще тестировать и поддерживать
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Это, без сомнения, одно из самых безумных и нестандартных творений на JavaScript 🤯
Веб-сайт Генри Хеффернана реализован с использованием Three.js
Проект погружает пользователя в полностью иммерсивную, интерактивную среду прямо в браузере, демонстрируя, насколько далеко можно зайти в визуализации и UX с помощью современных веб-технологий.
👉 Гайды по JavaScript | дать буст
Веб-сайт Генри Хеффернана реализован с использованием Three.js
Проект погружает пользователя в полностью иммерсивную, интерактивную среду прямо в браузере, демонстрируя, насколько далеко можно зайти в визуализации и UX с помощью современных веб-технологий.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1