Гайды по JavaScript | Программирование – Telegram
Гайды по JavaScript | Программирование
7.77K subscribers
3.23K photos
88 videos
20 files
3.3K links
Наглядные и доступные гайды в картинках по языку программирования JavaScript
Download Telegram
В Nuxt можно использовать composables для получения данных как синхронно, так и асинхронно, что даёт большую гибкость.

Реализация устроена довольно изящно: мы создаём Promise как обычно, затем через Object.assign добавляем к нему дополнительные свойства, совпадающие по форме с ожидаемым результатом, и возвращаем этот «обогащённый» объект.

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

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
TypeScript: процессор событий с дженериками и исчерпывающим pattern matching

Ноль ошибок в рантайме, максимум type safety

Смотрите, как это работает

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Каждое приложение React нуждается в этом свойстве CSS

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
В React скоро появится новый компонент — <Activity>. С его помощью можно будет скрывать UI, сохраняя при этом внутреннее состояние. Фича войдёт в следующий релиз, и выглядит она действительно очень полезной.

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2
Посмотрите, как паттерн single responsibility делает код чистым

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Совет по React: если у вас есть неконтролируемый input, и вы хотите изменить его значение извне, не превращая его в контролируемый (через useState), можно выставить key равным зафиксированному значению

<input
defaultValue={…}
onBlur={…}
key={value}
/>


Таким образом React будет пересоздавать элемент при изменении key, и defaultValue применится заново.

Если же вам ближе контролируемые инпуты — это тоже отличный вариант

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
4
Вышло в Angular 21

Новая миграция: ngClass → class

Теперь Angular автоматически поможет перейти с директивы ngClass на стандартный атрибут class, упрощая шаблоны и улучшая читаемость кода.

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
2
Если ты всё ещё используешь Array.reduce() для этого, то смотри.

До недавнего времени я всегда группировал элементы по свойству через хитрый reduce, пока не узнал, что можно просто писать:

Object.groupBy()

И это. Гораздо. Удобнее.

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
Послушайте меня, почему бы нам не дать имя функции внутри useEffect, чтобы было понятно, что она делает

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Простой Dockerfile для контейнеризации приложения React:

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Установка cookie в server action автоматически перерендеривает текущую страницу и её layout’ы в 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-разработчик и интересуешься геймдевом, есть несколько мощных инструментов, которые стоит изучить.

В этом гайде Маниш знакомит тебя с топовыми фреймворками, которые могут пригодиться. 🔪

Он разбирает ключевые фичи и сценарии использования Phaser, Pixi.js, Three.js, Babylon.js и PlayCanvas, чтобы помочь тебе выбрать подходящий вариант.

Источник

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Молниеносные поиски в JS? Используйте Set().

Посмотрите ее в действии

👉 Гайды по JavaScript | дать буст
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
Многие спрашивают, можно ли перенести проекты Next.js с Vercel на Replit?

Да!

Зайдите в Import → GitHub

Укажите URL репозитория

Agent сделает всё остальное

Он настроит окружения для разработки и деплоя
Вышел React 19.2!

В обновлении появились: Activity, useEffectEvent, React Performance Tracks, частичный pre-rendering и другие фичи.

Список всего, что вошло в этот выпуск, можно найти в анонсе React 19.2 в блоге: https://react.dev/blog/2025/10/01/react-19-2
2
Чёрт возьми, я только что заставил работать realtime-функции в Next.js

◆ на базе Redis Streams и Zod v4
◆ 100% типобезопасность
◆ можно задеплоить на Vercel

Этот код просто КРАСОТА.

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
1
В Angular 21 по умолчанию включают Zoneless — новый подход к работе с изменениями без Zone.js. Это ускоряет рендеринг и упрощает управление состоянием, делая фреймворк легче и современнее.

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
В сообществе разработчиков снова вспыхнула ироничная дискуссия. Автор предложил отказаться от REST и просто сделать один эндпоинт /api, принимающий SQL-запросы напрямую.

В шутливой форме он заявил, что якобы получил cease and desist от Supabase за «слив внутренней архитектуры API». Несмотря на «советы юристов», автор подчеркнул, что верит в open source и «право людей знать правду».

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