Наведи порядок в шаблонах
Если переменная, которую ты передаёшь в проп, имеет такое же имя:
можно сократить до шортката:
👉 Гайды по JavaScript | дать буст
Vue
с этим советомЕсли переменная, которую ты передаёшь в проп, имеет такое же имя:
:size="size"
можно сократить до шортката:
:size
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Angular 19.2 упрощает создание динамических строк в шаблонах. Теперь можно использовать шаблонные литералы, что делает код чище и понятнее.
Прощай, конкатенация
Читай статью: https://buff.ly/nIAlAG3
👉 Гайды по JavaScript | дать буст
Прощай, конкатенация
Читай статью: https://buff.ly/nIAlAG3
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4
Совет по JavaScript
Используйте свойства
👉 Гайды по JavaScript | дать буст
Используйте свойства
clientX
и clientY
объекта MouseEvent
, чтобы получить текущую позицию курсора мышиPlease open Telegram to view this post
VIEW IN TELEGRAM
Совет по JavaScript:
Используйте
👉 Гайды по JavaScript | дать буст
Используйте
KeyboardEvent.getModifierState()
для определения, включён ли Caps LockPlease open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Вот забавный совет по TypeScript:
Используйте строку шаблона (template literal), чтобы убедиться, что ваши заголовки Authorization правильно отформатированы
👉 Гайды по JavaScript | дать буст
Используйте строку шаблона (template literal), чтобы убедиться, что ваши заголовки Authorization правильно отформатированы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
Если вы сейчас на стадии изучения браузерных событий (DOM Events)
То вам может быть полезен интересный инструмент визуализации — https://domevents.dev
Данный инструмент помогает наглядно увидеть порядок выполнения событий, а также понять разницу функций
👉 Гайды по JavaScript | дать буст
То вам может быть полезен интересный инструмент визуализации — https://domevents.dev
Данный инструмент помогает наглядно увидеть порядок выполнения событий, а также понять разницу функций
preventDefault()
, stopPropagation()
, stopImmediatePropagation()
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Оптимизируй импорты в Next.js
Избегай относительных путей вроде:
Используй
👉 Гайды по JavaScript | дать буст
Избегай относительных путей вроде:
../LargeChart
Используй
next/dynamic
для более чистых динамических импортов с отключённым SSRPlease open Telegram to view this post
VIEW IN TELEGRAM
То, что это всё ещё
> "target" устарел на несколько лет
> "commonjs" — это огромный антипаттерн
> "forceConsistentCasingInFileNames" и так по умолчанию true
👉 Гайды по JavaScript | дать буст
tsconfig
, который ты получаешь при запуске tsc --init
, — это просто глупо:> "target" устарел на несколько лет
> "commonjs" — это огромный антипаттерн
> "forceConsistentCasingInFileNames" и так по умолчанию true
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Стартап SaaS с открытым исходным кодом для React и Node.js
https://github.com/wasp-lang/open-saas
👉 Гайды по JavaScript | дать буст
https://github.com/wasp-lang/open-saas
Please open Telegram to view this post
VIEW IN TELEGRAM
Создание приложения для управления файлами — отличный способ изучить важные программные концепции.
В этом курсе вы сделаете клон Google Drive с использованием Laravel, PHP и Vue.js.
Вы реализуете загрузку и скачивание файлов, создадите функцию поиска, интегрируете AWS и многое другое.
https://www.freecodecamp.org/news/build-a-google-drive-clone-with-laravel-php-vuejs/
👉 Гайды по JavaScript | дать буст
В этом курсе вы сделаете клон Google Drive с использованием Laravel, PHP и Vue.js.
Вы реализуете загрузку и скачивание файлов, создадите функцию поиска, интегрируете AWS и многое другое.
https://www.freecodecamp.org/news/build-a-google-drive-clone-with-laravel-php-vuejs/
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Node.js 24 уже тут
Вышла новая версия Node.js — v24:
> V8 13.6: RegExp.escape(), Float16Array, await using
> npm 11 — быстрее и безопаснее
> Улучшенный node:test без лишних await
> Глобальный URLPattern
> Права доступа (--permission) — больше не эксперимент
> Быстрее AsyncLocalStorage и новый Undici 7.0
> Удалили url.parse() и SlowBuffer — чистим старьё
LTS уже в октябре. Готовьтесь заранее👊
Подробнее в блоге NodeSource
👉 Гайды по JavaScript | дать буст
Вышла новая версия Node.js — v24:
> V8 13.6: RegExp.escape(), Float16Array, await using
> npm 11 — быстрее и безопаснее
> Улучшенный node:test без лишних await
> Глобальный URLPattern
> Права доступа (--permission) — больше не эксперимент
> Быстрее AsyncLocalStorage и новый Undici 7.0
> Удалили url.parse() и SlowBuffer — чистим старьё
LTS уже в октябре. Готовьтесь заранее
Подробнее в блоге NodeSource
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2
Легко проходи вложенные массивы с помощью
👉 Гайды по JavaScript | дать буст
reduce()
и рекурсии в JavaScriptPlease open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Превратите любой репозиторий GitHub в интерактивные диаграммы
Представляем GitDiagram. Просто замените
👉 Гайды по JavaScript | дать буст
Представляем GitDiagram. Просто замените
"hub"
на "diagram"
в URL-адресе GitHub и мгновенно визуализируйте кодовую базу с помощью интерактивных диаграмм.Please open Telegram to view this post
VIEW IN TELEGRAM
❤2
Совет по JavaScript
Юзай новый метод
Поддерживается всеми современными браузерами
👉 Гайды по JavaScript | дать буст
Юзай новый метод
Object.groupBy()
— группируй объекты по любому свойству в одну строку, без плясок с бубномПоддерживается всеми современными браузерами
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3👍2
Динамические маршруты
Обрабатывайте динамические пути с помощью TypeScript
👉 Гайды по JavaScript | дать буст
Обрабатывайте динамические пути с помощью TypeScript
Please open Telegram to view this post
VIEW IN TELEGRAM
Как правильно создавать переиспользуемые компоненты в React
Создавайте небольшие обёртки над нативными элементами, принимающие те же props.
Это позволяет переиспользовать компонент, настраивать стили и при этом сохранять единообразие и гибкость во всём коде
👉 Гайды по JavaScript | дать буст
Создавайте небольшие обёртки над нативными элементами, принимающие те же props.
Это позволяет переиспользовать компонент, настраивать стили и при этом сохранять единообразие и гибкость во всём коде
Please open Telegram to view this post
VIEW IN TELEGRAM
keyof в TypeScript
Оператор типа
👉 Гайды по JavaScript | дать буст
Оператор типа
keyof
принимает тип объекта и создаёт объединённый тип (union) из его ключейPlease open Telegram to view this post
VIEW IN TELEGRAM
👍1