Гайды по JavaScript | Программирование
8.44K subscribers
3.04K photos
61 videos
19 files
3.07K links
Наглядные и доступные гайды в картинках по языку программирования JavaScript

Связь: @devmangx
Download Telegram
Хочешь чище код на Vue?

useForm.js придёт на помощь

Смотри пример

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
С nuxt_js можно использовать свойство context в объекте события (event), чтобы добавлять пользовательские данные в middleware — они станут доступны в серверных маршрутах.

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

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Guard canMatch в Angular — это реально мощно

Можно использовать один и тот же путь, но показывать разные страницы:

— если пользователь аутентифицирован — показываю dash
— если нет — auth

canMatch срабатывает и для дочерних маршрутов.
Минус: если canMatch возвращает false на дочернем пути, то происходит двойной запрос для получения данных пользователя.

Но мне такой подход нравится.
Помимо dash, можно повесить на тот же маршрут paywall или сделать умный onboarding — например, если пользователь должен сначала что-то пройти, прежде чем получить доступ к приложению.

Пока так и делаю. Если найду ещё подводные камни — напишу

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Совет по Nuxt

Типизированные props — проще простого! Зацени:

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Типизированные props без лишней боли

Вот как перестать усложнять props в Vue

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по оптимизации расходов при использовании Serverless с Next.js:

Отключите префетчинг (prefetching) для редко посещаемых ссылок

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Существуют различные этапы выполнения 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 | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Знаешь JavaScript, но не знаком с NodeJS?

Вот курс, где можно постепенно освоить его с другого ракурса:

> Введение и основы
> Маршруты и API
> WebSockets
> Введение в базы данных (LowDB, SQLite)
> Деплой (env, pm2, nginx...)

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Строковые литералы в качестве типов, но реализовано элегантно 😎

Смотрите в действии.

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Вот основные методы объекта Map в JavaScript:

👉 Гайды по 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 | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Совет дня:

Используйте defineExpose() в Vue 3 (с Composition API), чтобы аккуратно открыть внутренние методы компонента для родителя.

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM