Совет по JavaScript

Используйте свойства clientX и clientY объекта MouseEvent, чтобы получить текущую позицию курсора мыши

👉 Гайды по JavaScript | дать буст

Совет по JavaScript:

Используйте KeyboardEvent.getModifierState() для определения, включён ли Caps Lock

👉 Гайды по JavaScript | дать буст

Вот забавный совет по TypeScript:

Используйте строку шаблона (template literal), чтобы убедиться, что ваши заголовки Authorization правильно отформатированы

👉 Гайды по JavaScript | дать буст

Лучшая практика для useState

👉 Гайды по JavaScript | дать буст

Если вы сейчас на стадии изучения браузерных событий (DOM Events)

То вам может быть полезен интересный инструмент визуализации — https://domevents.dev

Данный инструмент помогает наглядно увидеть порядок выполнения событий, а также понять разницу функций preventDefault(), stopPropagation(), stopImmediatePropagation()

👉 Гайды по JavaScript | дать буст

Оптимизируй импорты в Next.js

Избегай относительных путей вроде: ../LargeChart

Используй next/dynamic для более чистых динамических импортов с отключённым SSR

👉 Гайды по JavaScript | дать буст

То, что это всё ещё tsconfig, который ты получаешь при запуске tsc --init, — это просто глупо:

> "target" устарел на несколько лет
> "commonjs" — это огромный антипаттерн
> "forceConsistentCasingInFileNames" и так по умолчанию true

👉 Гайды по JavaScript | дать буст

Составные компоненты с неявным состоянием

👉 Гайды по JavaScript | дать буст

Стартап SaaS с открытым исходным кодом для React и Node.js

https://github.com/wasp-lang/open-saas

👉 Гайды по JavaScript | дать буст

Создание приложения для управления файлами — отличный способ изучить важные программные концепции.

В этом курсе вы сделаете клон Google Drive с использованием Laravel, PHP и Vue.js.

Вы реализуете загрузку и скачивание файлов, создадите функцию поиска, интегрируете AWS и многое другое.

https://www.freecodecamp.org/news/build-a-google-drive-clone-with-laravel-php-vuejs/

👉 Гайды по JavaScript | дать буст

Консольные методы JavaScript

👉 Гайды по JavaScript | дать буст

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 | дать буст

Легко проходи вложенные массивы с помощью reduce() и рекурсии в JavaScript

👉 Гайды по JavaScript | дать буст

Превратите любой репозиторий GitHub в интерактивные диаграммы

Представляем GitDiagram. Просто замените "hub" на "diagram" в URL-адресе GitHub и мгновенно визуализируйте кодовую базу с помощью интерактивных диаграмм.

👉 Гайды по JavaScript | дать буст

Совет по JavaScript

Юзай новый метод Object.groupBy() — группируй объекты по любому свойству в одну строку, без плясок с бубном

Поддерживается всеми современными браузерами

👉 Гайды по JavaScript | дать буст

Динамические маршруты

Обрабатывайте динамические пути с помощью TypeScript

👉 Гайды по JavaScript | дать буст

Как правильно создавать переиспользуемые компоненты в React

Создавайте небольшие обёртки над нативными элементами, принимающие те же props.
Это позволяет переиспользовать компонент, настраивать стили и при этом сохранять единообразие и гибкость во всём коде

👉 Гайды по JavaScript | дать буст

keyof в TypeScript

Оператор типа keyof принимает тип объекта и создаёт объединённый тип (union) из его ключей

👉 Гайды по JavaScript | дать буст

Настоящий кладезь для разработчиков

Этот сайт собирает шпаргалки по множеству языков программирования, фреймворков и технологий: от Python и JavaScript до Git и MySQL

Всё отсортировано в алфавитном порядке для удобства пользования, а каждый из элементов шпаргалки ведёт на документации

Когда срочно нужно вспомнить синтаксис или команду — must-have: https://overapi.com/

👉 Гайды по JavaScript | дать буст

Нужен вдохновляющий пинок для следующего 3D-проекта?

На странице Three.js Showcase — куча крутых проектов от талантливых разработчиков

https://threejsresources.com/showcase

👉 Гайды по JavaScript | дать буст