JS/TS Monorepo Insight

Мы думали, что сможем держать 10+ React-приложений в корпоративном окружении и разных командах.

Но зависимые пакеты постоянно разбегались, и это нас быстро переубедило. С каталогами стало проще контролировать ситуацию.

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

Как указать, что серверный компонент в Next.js должен рендериться динамически во время выполнения, если он не использует динамические API

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

Мне нравится это новое правило линтера 👏

Не перебрасывай ошибки JS без причины

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

Уже посмотрел на новые Native fetch API для HttpClient и httpResource? 🤔

В Angular 20.1 добавили расширенные возможности через интеграцию с Fetch API. Теперь у разработчиков больше контроля над тем, как приложение получает или отправляет данные, а значит можно делать продукты быстрее, умнее и безопаснее.

Теперь можно тонко настраивать запросы:
I. priority и cache — задавать приоритет запроса и режим кэширования
II. credentials — указывать, нужно ли отправлять куки и HTTP-учётные данные
III. timeout — прерывать запрос автоматически по истечении заданного времени в мс
IV. mode и redirect — управлять CORS и обработкой редиректов

Таким образом, Angular становится ещё ближе к тому, как работают современные веб-приложения.

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

Сегодня отмечается День программиста!

256-й день года выбран не случайно:

Дата праздника объясняется расчетом: 2 (двоичная система исчисления) в степени 8 (количество битов в байте). То есть 2^8= 256. Поэтому в обычный год день программиста 13 сентября, а в високосный — 12 сентября

С праздником, коллеги! ☺️

@IT_Portal

TypeScript: превращаем типы в логику выполнения с помощью mapped и conditional types

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

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

В Angular 21 появится: Signal Forms с валидацией

👉 Гайды по JavaScript

Большинство разработчиков сейчас активно используют LLM.

Но многие до сих пор не понимают, что такое токены.

Если это про тебя — ничего страшного. Пора разобраться:

https://www.aihero.dev/what-are-tokens

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

Если ты начинаешь изучать веб-разработку, вот подходящий курс.

В нём ты создашь приложение погоды, которое показывает актуальные данные и прогноз на 7 дней.

Для разработки используется Next.js, для стилизации — Tailwind CSS, а для строгой типизации — TypeScript.

Ссылка на курс

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

Одно из самых частых недопониманий в JavaScript связано с тем, как работают сравнения.

Примитивы (Number, BigInt, String, Boolean, Undefined, Null, Symbol):

10 === 10    // true
'hi' === 'hi' // true
true === true // true
null === null // true
NaN === NaN   // false

Примитивы сравниваются по значению.

Особенность у NaN: он никогда не равен самому себе. Используй Number.isNaN(NaN) вместо прямого сравнения.

Объекты:

const a = { x: 1 };
const b = { x: 1 };

a === b; // false
a == b;  // false
a === a; // true

Объекты (включая массивы и функции) сравниваются по ссылке.
Даже если они выглядят одинаково, разные ссылки → не равны.

Частые вопросы:

[1,2] === [1,2] // false
{} === {}       // false

'hello' === new String('hello') // false
10 === new Number(10)           // false

Обёртки (new String, new Number) — это объекты, а не примитивы.

Сравнение объектов по значению

JSON.stringify(a) === JSON.stringify(b) // работает в простых случаях

Но это ломается, если отличается порядок свойств или встречаются значения вроде функций, undefined или Symbol.

Для надёжной проверки используй библиотеки (например, lodash.isEqual) или напиши рекурсивную функцию для deep equality.

Главное, что нужно помнить:

- Примитивы сравниваются по значению

- Объекты сравниваются по ссылке

- Deep equality нужен только тогда, когда важна реальная структура и содержимое

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

Большинство разработчиков думают, что LLM полезны только для генерации текста.

Но настоящая ценность LLM — в том, чтобы преобразовывать сырые текстовые данные в структурированные и доступные для поиска объекты.

Если ты раньше не слышал о structured outputs, то сейчас самое время.

Статья и код: читать

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

TypeScript: Метод → Геттер → Свойство — разбор

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

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

Я постоянно пользуюсь этим сниппетом, поэтому снова делюсь: сделать простой LRU-кэш с помощью JS Map почти не требует кода.

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

В программировании очередь — это структура данных, где элементы обрабатываются в порядке первым пришёл — первым вышел (FIFO), как люди в очереди на кассе.

В этом туториале Yazdun объясняет, как использовать очереди в проектах на TypeScript.

Ты узнаешь про связные списки и разные виды очередей: простые, кольцевые, двусторонние и с приоритетом — а также как всё это реализовать в коде.

https://freecodecamp.org/news/how-to-work-with-queues-in-typescript/

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

SQL - это не так уж и сложно.

Вы просто не видели это. 😄

SELECT — выбрать данные из базы данных

FROM — указать таблицу, из которой выбрать данные

WHERE — фильтровать строки по условию

AS — переименовать столбец или таблицу через псевдоним

JOIN — объединить строки из двух или более таблиц

AND — объединить несколько условий, все должны быть верны

OR — объединить несколько условий, хотя бы одно должно быть верно

LIMIT — ограничить количество возвращаемых строк

IN — указать несколько значений в условии WHERE

CASE — создать условную логику внутри SQL-запроса

IS NULL — проверить пустые значения

LIKE — искать заданный шаблон в столбце

COMMIT — сохранить изменения, сделанные в транзакции

ROLLBACK — отменить изменения, сделанные в транзакции

ALTER TABLE — изменить существующую структуру таблицы

UPDATE — изменить существующие строки в таблице

CREATE — создать новую таблицу, представление или другой объект базы данных

DELETE — удалить строки из таблицы

INSERT INTO — добавить новые строки в таблицу

DROP — удалить таблицу или другой объект из базы данных

GROUP BY — группировать строки с одинаковыми значениями в указанных столбцах

ORDER BY — сортировать результат запроса по указанным столбцам

HAVING — фильтровать группы по условию (используется после GROUP BY)

COUNT — вернуть количество строк, соответствующих заданным критериям

SUM — вычислить сумму значений числового столбца

AVG — вычислить среднее значение числового столбца

MIN — вернуть наименьшее значение выбранного столбца

MAX — вернуть наибольшее значение выбранного столбца

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

чем больше учишь JavaScript, тем больше осознаёшь, что ты почти ничего не знаешь 😅

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

Наглядный разбор процесса рендеринга в браузере: от построения DOM до финального отображения

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

Идеальный SEO-инструмент для веб-разработчиков

Он позволяет мгновенно проверить, имеют ли доступ к вашему сайту Google-боты и AI-краулеры.

Просто введите адрес сайта — и инструмент прогонит несколько проверок, чтобы дать детальный инсайт о crawlability и accessibility.

Лёгкий способ убедиться, что ваш сайт оптимизирован под поисковые системы и AI-платформы :)

Источник : crawlercheck.com

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

В Angular 21 готовят упрощение работы со стилями: директива ngStyle уходит в прошлое, её заменяет нативный атрибут style. Это часть новой миграции, которая сделает код чище и понятнее. Обновление подтянется автоматически при переходе на свежую версию.

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