Разработчики на Angular давайте: скажем «пока»:
и поприветствуем
Компоненты на основе сигналов уже здесь!
Реактивные входы, типобезопасные выходы и упрощённое двустороннее связывание.
Изучите полный гайд и прокачайте свои навыки — ок
👉 Гайды по JavaScript | дать буст
@Input()
, @Output()
и даже [(ngModel)]
(иногда) и поприветствуем
input(), output() и model()
Компоненты на основе сигналов уже здесь!
Реактивные входы, типобезопасные выходы и упрощённое двустороннее связывание.
Изучите полный гайд и прокачайте свои навыки — ок
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Вам нужно сверстать письмо? Не используйте таблицы!
React Email - это каталог компонентов, с помощью которых ваши письма будут выглядеть идеально в любом клиенте.
→
👉 Гайды по JavaScript | дать буст
React Email - это каталог компонентов, с помощью которых ваши письма будут выглядеть идеально в любом клиенте.
→
npx create-email
Please open Telegram to view this post
VIEW IN TELEGRAM
Распространенные ошибки, которых следует избегать
1. Использование
2. Необработка ошибок при
👉 Гайды по JavaScript | дать буст
1. Использование
==
вместо ===
2. Необработка ошибок при
async/await
Please open Telegram to view this post
VIEW IN TELEGRAM
Ошибки случаются — так дайте пользователю возможность отменить изменения =)
Передайте
ref
в useRefHistory
, чтобы получить функции undo
и redo
, которые восстанавливают предыдущее состояние. Отлично подходит для отслеживания изменений и работы со спискамиЭто не машина времени, но близко!
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Ускорь своё Angular-приложение
Тормозит приложение? Оптимизируй размер бандла с помощью этих шагов:
1. Найди, что тормозит:
Эта команда собирает прод-версию с сорс-мапами и визуализирует, какие модули занимают сколько места.
2. Ленивая загрузка всего, что можно
Компоненты будут загружаться только при необходимости, а не сразу при старте приложения.
3. Загружай компоненты по условию с помощью
Компонент появится только когда выполнится условие (например, пользователь авторизовался). Это снижает нагрузку на начальной загрузке.
👉 Гайды по JavaScript | дать буст
Тормозит приложение? Оптимизируй размер бандла с помощью этих шагов:
1. Найди, что тормозит:
npm install -g source-map-explorer
ng build --configuration production --source-map && source-map-explorer dist/browser/*.js
Эта команда собирает прод-версию с сорс-мапами и визуализирует, какие модули занимают сколько места.
2. Ленивая загрузка всего, что можно
loadComponent: () => import('./dashboard/dashboard.component')
.then(mod => mod.DashboardComponent),
Компоненты будут загружаться только при необходимости, а не сразу при старте приложения.
3. Загружай компоненты по условию с помощью
@defer
:@defer (when user.isLoggedIn) {
<profile-widget />
}
Компонент появится только когда выполнится условие (например, пользователь авторизовался). Это снижает нагрузку на начальной загрузке.
Please open Telegram to view this post
VIEW IN TELEGRAM
Вы начинаете изучать React.js?
Вот простая дорожная карта для начала работы
👉 Гайды по JavaScript | дать буст
Вот простая дорожная карта для начала работы
Please open Telegram to view this post
VIEW IN TELEGRAM
useKeyModifier
возвращает булевую ссылку (ref), которая указывает, активна ли клавиша блокировки (например, Caps Lock).Идеально подходит для предупреждения пользователей в формах входа и регистрации
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Хочешь создать глобальный индикатор загрузки в Angular?
Вот краткое руководство:
1. Создай
2. Используй HTTP-перехватчик для автоматического включения и отключения спиннера при запросах к серверу
3. Интегрируй с маршрутизатором для плавного отображения загрузки при переходах между маршрутами
4 Настрой внешний вид спиннера с помощью проекции контента
👉 Гайды по JavaScript | дать буст
Вот краткое руководство:
1. Создай
Click Me Load MoreService
, чтобы управлять спиннером глобально2. Используй HTTP-перехватчик для автоматического включения и отключения спиннера при запросах к серверу
3. Интегрируй с маршрутизатором для плавного отображения загрузки при переходах между маршрутами
4 Настрой внешний вид спиннера с помощью проекции контента
Please open Telegram to view this post
VIEW IN TELEGRAM
Пользовательская аутентификация и авторизация для LangGraph.js
Добавьте аутентификацию промышленного уровня в свои развертывания LangGraph — без необходимости в отдельном backend или прокси.
Теперь доступно для LangGraph.js в облаке и в самостоятельных установках
👉 Гайды по JavaScript | дать буст
Добавьте аутентификацию промышленного уровня в свои развертывания LangGraph — без необходимости в отдельном backend или прокси.
Теперь доступно для LangGraph.js в облаке и в самостоятельных установках
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Самый большой каталог тем VSCode и Cursor!
Установите нужную одним щелчком мыши
✓ Фильтр по темному или светлому режиму
✓ Просмотрите, как он выглядит на вашем языке
→ http://vscodethemes.com
👉 Гайды по JavaScript | дать буст
Установите нужную одним щелчком мыши
✓ Фильтр по темному или светлому режиму
✓ Просмотрите, как он выглядит на вашем языке
→ http://vscodethemes.com
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
VS Code фича, про которую ты мог не знать:
Теперь в терминале можно включить автодополнение а-ля IntelliSense
Как включить:
• Открываешь Settings → ищешь "terminal integrated suggest"
• Врубаешь чекбокс
Пользуемся✌️
👉 Гайды по JavaScript | дать буст
Теперь в терминале можно включить автодополнение а-ля IntelliSense
Как включить:
• Открываешь Settings → ищешь "terminal integrated suggest"
• Врубаешь чекбокс
Пользуемся
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Next.js 15.3: Turbopack выходит из тени
В новом релизе появился флаг
Некоторым проектам уже виден прирост, но основная цель — масштабное тестирование перед полной интеграцией.
В ближайших релизах ждём новые оптимизации и улучшения. Следим!
Скоро появятся новые оптимизации
👉 Гайды по JavaScript | дать буст
В новом релизе появился флаг
next build --turbopack
(пока в альфе) — это шаг к более быстрой сборке.Некоторым проектам уже виден прирост, но основная цель — масштабное тестирование перед полной интеграцией.
В ближайших релизах ждём новые оптимизации и улучшения. Следим!
Скоро появятся новые оптимизации
Please open Telegram to view this post
VIEW IN TELEGRAM
Как работает API?
1. Клиент (например, ваш браузер) отправляет запрос
2. Запрос поступает на сервер API
3 Сервер обращается к базе данных
4. Данные извлекаются и форматируются (например, в JSON)
5. Ответ отправляется обратно клиенту
👉 Гайды по JavaScript | дать буст
1. Клиент (например, ваш браузер) отправляет запрос
2. Запрос поступает на сервер API
3 Сервер обращается к базе данных
4. Данные извлекаются и форматируются (например, в JSON)
5. Ответ отправляется обратно клиенту
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Моя любимая библиотека Drag & Drop!
✓ Работает в React, Angular, Vue и JavaScript.
✓ С анимацией и всего 4 КБ
→ http://drag-and-drop.formkit.com
👉 Гайды по JavaScript | дать буст
✓ Работает в React, Angular, Vue и JavaScript.
✓ С анимацией и всего 4 КБ
→ http://drag-and-drop.formkit.com
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Пользовательские HTTP-маршруты и middleware для LangGraph.js
Расширьте ваш деплой LangGraph.js с помощью приложения на базе honojs — и создавайте что угодно: от простого обработчика вебхуков до полноценного backend'а для вашего API-приложения.
👉 Гайды по JavaScript | дать буст
Расширьте ваш деплой LangGraph.js с помощью приложения на базе honojs — и создавайте что угодно: от простого обработчика вебхуков до полноценного backend'а для вашего API-приложения.
Please open Telegram to view this post
VIEW IN TELEGRAM