Junior: – Why should we throw only new Error?
Senior: – Because the Error stack trace matters

Чому потрібно використовувати scope у іменах пакетів?
#npm

Вчора я робив ревю Workshop: Integration testing of back-end applications і вкотре дав рекомендацію use naming with scope. Нагадаю, що ім'я може мати scope. Приклад: @nestjs/common.

Ось мої аргументи використовувати scope у всіх ваших пакетах:
1️⃣ вибір вільного та зрозумілого імені значно простіше. Приклад @<project_name>/eslint-config
2️⃣ на рівні коду очевидно які пакети внутрішні.
3️⃣ легко використовувати для потрібного scope окремий npm репозиторій. Детальніше Associating a scope with a registry

Але головний аргумент під час ревю воркшопу був не технічного плану. Порада була: Думай про Open Source як про майбутній бізнес. Колись проєкт може продавати підписку на частину пакетів і scope буде обов'язковий для цього. Приклад https://marmelab.com/ra-enterprise/

Які типи додатків JavaScript існують?

Додатки можна розділити по домену (gambling, dating, traveling, etc), по бізнес-моделі (SaaS B2B, B2C mobile). Але я поділюсь своїм баченням типології на основі технології розробки (design, coding, QA, delivery)

Перевірена класика:
- Single Page Application 
- Web API (Rest or GraphQL)
- Server-Side rendering (Next.js)
Часті гості:
- Static rendering (JAM)
- Real-time App with Web Sockets
- Mobile app with React Native
- Web3 App
- Business logic inside No Code/Low Code
- IoT
- Chat Bots (Telegram/Facebook/etc)
- CLI Utils
Екзотика у вигляді розширення:
- Chrome Extension 
- Visual Studio Code Extension
- Docker Extension
- Zoom App
- Jira/Confluence App

Зверніть увагу, що з точки зору процесу розробки SPA на React нічим не відрізняється від SPA на Vue. Чого не скажеш про розширення або Web3 VS IoT. Якщо ви бажаєте розвиватися як інженер, то додати до свого портфоліо новий тип додатка буде найкорисніше.

​​Огляд Node.js v18: structuredClone
#nodejs_api

Як ви знаєте об'єкти на відміну від примітивів передаються за посиланням, а не за значенням. Тому потрібно вміти робити копію об'єкта. Раніше для цього використовували spread оператор чи Object.assign. Але це працювало лише для об'єктів з одним рівнем вкладеності.

Сьогодні всі сучасні браузери підтримують structuredClone, який підтримує  deep clone та кругові посилання. Він з'явиться в Node.js 18. Приклад із документації на зображенні.

У Node.js вже зараз його можна використовувати за допомогою Structured clone polyfill.

Що почитати у вихідні?

🆕 Google більше не рекомендує використовувати SPA для Google Search
#news
Google оновив документацію щодо JavaScript-generated content, а це SPA/Ajax/etc. Тепер документація говорить, що це workaround, а не довгостроковий підхід. Використовуйте оновлену документацію як головний аргумент на користь Next.js/JAM stack/etc для SEO.
🔗 Першоджерело

🆕 Stackshare опублікував серію з 3-х статей про технічне розростання (Tech Sprawl)
#news
Tech sprawl – термін досить новий. Це тип технологічного боргу, викликаного використанням різних технологій/інструментів/версій, які ваша організація використовує для розв'язання однієї проблеми. Статтю варто додати до закладок, щоб цитувати аргументи на користь консистентності технічного стека.
🔗 stackshare.io
🔗 Перша статья

Node.js прибирає термін native modules
#nodejs_api
Документація та source code більше не використовує терміни native чи core modules. Натомість повсюдно використовується built-in modules. Нагадаю, що з 16-ї версії такі модулі можна імпортувати з префіксом node:. Наприклад:
const http = require('node:http')
🔗 Pull

📕 The Node.js Handbook
#books
Сьогодні хочу порадити книгу "The Node.js Handbook". Автор Flavio Copes використовує правило "вивчайте 80% теми за 20% часу". Тому його посібники (handbooks) будуть корисні початківцям. Книга була оновлена у липні 2022 року.

📕 The Node.js Handbook
🔗 All Handbooks

Що таке npm alias?
#npm
npm alias дозволяє встановити інший пакет, але не змінювати звернення до коду. Для цього використовується такий формат <alias>@npm:<name>. Приклади:
npm i @nestjsx/crud@npm:@rewiko/crud
npm i react@npm:@preact/compat react-dom@npm:@preact/compat

Ось посилання на документацію та ще нагадаю про patch-package

​​Use for of!

У п'ятницю я поділився рекомендацією використати for of замість класичного for. У коментарях був відгук, що "той хто це пише не перевіряв перформанс". Зробив Benchmark за допомогою hyperfine.
🔗 Source code
Висновки: Коли цикл порожній, обхід масиву відбувається дійсно швидше (1,75 раза). У реальних проєктах цикл містить команди, тому різниця статистично незначуща.

Але основна ідея цього посту: 💡виміряти перформанс легко💡. Перевіряйте ваші конкретні випадки.

🆕 HTTP/2 PUSH застарів
#news
Корисність HTTP/2 PUSH завжди була сумнівною, оскільки сервер не знає про стан кешу клієнта. У Chrome 106 буде видалено підтримку HTTP/2 PUSH. Замість нього треба використовувати early-hints.

🔗 Першоджерело
🔗 Early Hints

☁️ Як налаштувати retry у AWS SDK?
#aws

Багато розробників не знають або забувають, що AWS SDK має повторні спроби (retry). Це включено за замовчуванням. SDK зробить retry якщо помилка є тимчасовою (HTTP коди 400, 408, 500, 502, 503 і 504) або регулювання (HTTP коди 400, 403, 429, 502, 503 і 509) чи таймаутом.

Якщо ви використовуєте JavaScript SDK v2, тобто aws-sdk, настав час його оновити. Налаштування retry можна зробити тільки для всіх сервісів відразу, але аналіз коду показує, що вони застосовуються не скрізь. Детальніше

Найпопулярнішим клієнтом SDK v3 є @aws-sdk/client-s3. Він, як і всі v3 пакунки, дозволяє налаштувати maxAttempts і retryMode. Приклад:
const { S3 } = require('@aws-sdk/client-s3');
const client = new S3({ retryMode: 'standard', maxAttempts: 10 });

retryMode може бути standard (за замовчуванням) і adaptive. В адаптивному режимі ви можете встановити власну реалізацію rateLimiter. Подробиці можна знайти у коді @aws-sdk/middleware-retry

Для конфігурації AWS SDK бере параметри:
– з кода
– зі змінних оточення (AWS_MAX_ATTEMPTS/AWS_RETRY_MODE)
– з CLI сonfig profile (max_attempts/retry_mode)
– або використовує значення за замовчуванням (3/standard)
* Розташування наведено в порядку зменшення пріоритетності.

Особисто мені не подобаються значення за замовчуванням. Вони створюють магію 🪄. Тому, щоб не забувати про наявність retry у aws проектах я використовую AWS_REGION та AWS_MAX_ATTEMPTS у .env.example.

Год назад на календаре был День Независимости Украины.
Сьогодні ж є день Незалежності моєї Батьківщини.
Год назад мы вели соцсети на русском.
Тепер усі пости українською, бо мова – це зброя.
Год назад мы смотрели Netflix, чтобы подтянуть английский.
Сьогодні наші батьки дивляться Netflix, щоб підтягнути українську.
Год назад мы собирали деньги на подарок к дню рождения.
Сьогодні ми скидаємось Притулі на Байрактарі та супутники.
И я знаю когда все поменялось.
Все змінилося рівно півроку тому.

Cписок освітніх платформ
#list

Розв'язання алгоритмічних завдань:
🔗 leetcode.com – безумовний лідер
🔗 geeksforgeeks.org – якщо ви гуглите алгоритм, то швидше за все потрапите на цей сайт.
🔗 hackerrank.com – крім алгоритмічних завдань, є ще й з тести з фреймворків.

Для вивчення мови
🔗 freecodecamp.org – відмінно підходить для тих, хто тільки починає вчити JavaScript
🔗 exercism.org – підійде і новачкові, який освоює нову мову, і інженеру, який хоче покращити навички код ревью.

Для вивчення Cloud Providers
☁️ aws
☁️ google
☁️ azure

Просто нагадаю, що Optional Chaining Operator (?.) можливо використовувати під час виклику методів та в масивах.

🆕 Heroku прибирає free tier
#news

Для багатьох Node.js розробників Heroku був першою хмарою, де ми розвертали наші перші застосунки. Наприкінці жовтня Heroku прибирає free tier. Тому новачкам рекомендувати його більше нема рації. Що використовувати замість Heroku? Free tier мають Fly.io та Replit. Або одразу використати щось з великої трійки: AWS, GCP та Azure. 

🔗 Першоджерело

Звернув увагу, що у продуктах для інженерів добре продумані гарячі клавіші.
Наприклад, спробуйте у GitHub, Jira, AWS, GCP, etc
🔥 ? – допомога, список гарячих клавіш
🔥 / – пошук
🔥 cmd/ctrl+k – виклик меню команд
#productivity

​​Сьогоднішній матеріал буде корисний:
- для авторів бібліотек
- для розробників Electron додатків
- для тех.лідів команд, де пишуть код на різних платформах
👉 CrossPlatform Node Guide