Node.js Recipes

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

Cписок освітніх платформ #list Розв'язання алгоритмічних завдань: 🔗 leetcode.com – безумовний лідер 🔗 geeksforgeeks.org – якщо ви гуглите алгоритм, то швидше за все потрапите на цей сайт. 🔗 hackerrank.com – крім алгоритмічних завдань, є ще й з тести з фреймворків. Для вивчення мови 🔗 freecodecamp.org – відмінно підходить для тих, хто тільки починає вчити JavaScript 🔗 exercism.org – підійде і новачкові, який освоює нову мову, і інженеру, який хоче покращити навички код ревью. Для вивчення Cloud Providers ☁️ aws ☁️ google ☁️ azure

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

☁️ Як налаштувати 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.

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

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

​​Use for of!

Що таке 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

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

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

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

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

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

​​Огляд Node.js v18: structuredClone #nodejs_api Як ви знаєте об'єкти на відміну від примітивів передаються за посиланням, а не за значенням. Тому потрібно вмити робити копію об'єкта. Раніше для цього використовували spread оператор чи Object.assign. Але це працювало лише для об'єктив з одним рівнем вкладеності. Сьогодні всі сучасні браузери підтримують structuredClone, який підтримує  deep clone та кругові посилання. Вин з'явиться в Node.js 18. Приклад із документації на зображенні. У Node.js вже зараз його можна використовувати за допомогою Structured clone polyfill.

Які типи додатків 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 Екзотика у вигляді розширення: - Chrome Extension  - Visual Studio Code Extension - Docker Extension - Zoom App - Jira/Confluence App Зверніть увагу, що з точки зору процесу розробки SPA на React нічим не відрізняється від SPA на Vue. Чого не скажеш про розширення або Web3 VS IoT. Якщо ви бажаєте розвиватися як інженер, то додати до свого портфоліо новий тип додатка буде найкорисніше.

Чому потрібно використовувати 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/

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

Завтра команда Fwdays проведе благодійний стрім з Анастасією Войтовою "Кібербезпека під час війни". Настя крута. Рік тому я робив з нею Voice chat About Security. Впевнений стрім буде ще крутіше. 🔗 Більше інформації на сторінці заходу 👀 Власне сам стрім на YouTube

👉 3 Rs of Software Architecture 👉 Clean Code for JavaScript 🆕 Clean Code for TypeScript